/*-----------------------------------------

 [MASTER RESPONSIVE STYLE SHEET]

 * Project: Directory Pro - Local Listing & Directory Template

 * Version: v1.1.1

 * Copyright 2017-2020 rn53themes

 * Last Changes: 05/06/2017

 * Author: RN53 Themes

 * Email:      rn53themes@gmail.com

 * Website:    http://www.rn53themes.net 

 -----------------------------------------------*/

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1330px wide,below css will be applied.

/*-------------------------------------------------------*/



@media screen and (max-width: 1330px) {

    .tz-l {

        width: 30%;

    }

    .tz-2 {

        width: 68%;

        margin-right: 0px;

    }

    .tz-3 {

        width: 100%;

        margin-top: 20px;

    }

    .tz-2-admin {

        width: 100%;

    }

    .tz-invo-full {

        padding: 0px;

    }

    .tz-invo-full1 {

        width: 100%;

        margin: 0px;

    }

}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 1200px wide,below css will be applied.

/*-------------------------------------------------------*/



@media screen and (max-width: 1200px) {

    .ts-menu-2 {

        display: none;

    }

    .ts-menu-4 {

        display: none;

    }

    .ts-menu-1 {

        width: 15%;

    }

    .ts-menu-3 {

        width: 70%;

        padding: 0px;

    }

    .ts-menu-5 {

        width: 15%;

        float: left;

    }

    .ts-menu-5 span {} .ts-menu-5 span i {

		color: #fff;

		padding: 11px;

		background: #263a78;

		margin: 10px 9px 9px 30px;

		font-size: 16px;

		cursor: pointer;

		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.45);

		border-radius: 35px;

    }

    .ts-menu-1 a img {

        margin-left: 18px;

        width: 43px;

        padding: 0px;

        margin: 6px 28px;

    }

    .v3-mob-top-menu {

        display: block;

    }

    .v3-top-menu {

        display: none;

    }

  img.homeimg{width: 155px}

  .upsell-ad-item3:hover span {margin-top:-130px 0px 0px 0px!important;}

}

@media screen and (min-width: 1200px) {

    .ts-menu-5 {

        display: none;

        width: 10%;

    }

}

@media screen and (max-width: 1200px) and (min-width: 992px) {

    .dir-ho-t2r {

        padding: 25px 0px;

    }

}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 992px wide,below css will be applied.

/*-------------------------------------------------------*/

@media screen and (max-width: 992px) {



	.airmile {

    margin: 0px 230px 0px 0px !important;

	}

    .com-padd {

        padding-top: 70px !important;

        padding-bottom: 40px !important;

    }

    .web-app {

    padding: 0px 0px 0px 5px;

    }

    .web-app:before {

    width: 100%;

    }

    .mar-bot-red-0 {

        margin-bottom: 0px;

    }

    .mar-bot-red-m30 {

        margin-bottom: -30px;

    }

    .pad-bot-red-40 {

        padding-bottom: 40px;

    }

    .hom-pro {

        margin-bottom: 30px;

    }

    .dir-ho-com-head {

        padding: 50px 0px 50px 0px;

    }

    .com-padd-redu-top {

        padding-top: 25px;

    }

    .com-padd-redu-bot {

        padding-bottom: 0px;

    }

    .dir-ho-best-list-p1 img {

        height: auto;

    }

    .dir-ho-dis {

        font-size: 48px;

        display: block;

        margin-top: 6px;

        padding: 12px;

    }

    .dir-rib-bod a {

        display: initial;

    }

    .sa-home-spec {

        background: linear-gradient(to bottom, #e8e8e8 50%, #1b2629 50%);

    }

    .dir-ho-t-tit h1 {

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .dir-ho-best-list {

        margin-bottom: 50px;

    }

    .dir-ho-best-list-sp-redu {

        margin-bottom: 0px;

    }

    .dir-ho-t2l form ul {

        border-radius: 0px;

        margin-bottom: 50px;

    }

    .cbb3-mob-app {

        margin: 0 auto;

        width: 90%;

    }

    .dir-alp-con {

    margin: -60px;

    }

    .dir-alp-con-left {

        padding-right: 0px !important;

    }

    .dir-alp-r-list {

        padding-bottom: 15px;

    }

    .dir-pr-p2-soc {

        float: left;

        padding-bottom: 20px;

    }

    .dir-ri-pr-pro-dec-left {

        width: 100%;

    }

    .dir-ri-pr-pro-dec-right {

        width: 100%;

    }

    .dir-ri-pr-pro-dec-right h3 {

        padding-top: 25px;

    }

    .dir-hr1 {

        width: 100%;

    }

    .home-list-pop-desc {

        padding-top: 15px;

    }

    .lpe-com {

        width: 100%;

        float: left;

    }

    .lpe-left {

        padding: 0px 0px 50px 0px;

    }

    .pg-list-1 {

        padding: 100px 0px 50px 0px;

    }

    .pg-list-1-left {

        width: 100%;

        padding: 0px 20px;

    }

    .pg-list-1-right {

        width: 100%;

        padding: 0px 20px;

    }

    .pg-list-1-right-p1 {

        padding-top: 50px;

    }

    .list-pg-lt {

        width: 100%;

        float: left;

    }

    .list-pg-rt {

        width: 100%;

        float: left;

        padding: 0px 0px 0px 0px;

    }

    .list-rom-pric {

        top: 10px;

    }

    .how-com-mob-bot-space {

        margin-bottom: 35px;

    }

    .con-page {

        background: url(../images/con-bg.jpg) no-repeat left center;

        background-attachment: fixed;

        background-size: 64%;

    }

    .con-page-ri {

        padding: 70px;

        padding-top: 130px;

    }

    .page-blog h3 {

        padding-top: 20px;

    }

    .list-spac-1 {

        margin: 0px;

    }

    .pg-list-user-pro img {

       /* margin-left: 45%;*/

    }

    .tz {

        padding: 50px;

        padding-top: 100px;

    }

    .tz-2-main-1 {

        width: 100%;

    }

    .tz-2-main-2 {

        border-right: 0px solid #eaedef;

        padding: 20px;

        text-align: left;

    }

    .tz-2-main-com span {

        text-align: left;

        display: block;

    }

    .tz-2-main-com img {

        margin: inherit;

    }

    .tab-menu {

        display: inline-block;

        color: #fff;

        background: #0e76a8;

        padding: 5px 8px;

        cursor: pointer;

        font-size: 18px;

        border-radius: 2px;

    }

    .logo img {

        width: 78%;

    }

    .sb1 {

        position: fixed;

        width: 100%;

        top: 0px;

    }

    .tab-hide {

        display: none;

    }

    .sb2-1 {

        width: 240px;

        height: 100%;

        position: fixed;

        top: 0px;

        box-shadow: 10px 50px 100px rgba(0, 0, 0, 0.8);

        z-index: 9999;

        left: -350px;

        overflow: scroll;

    }

    .sb2-2 {

        width: 100%;

        padding: 40px;

        margin-left: 0px;

    }

    .sb1-1 {

        padding: 15px 15px;

    }

    .tz-invo-full {

        padding: 0px;

    }

    .tz-invo-full1 {

        width: 100%;

        margin: 0px;

    }

    .cat-v2-hom-list ul li {

        width: 33.33%;

    }

	.v3-list-ql{

		display:none;

	}	

	.v4-pril-inn {

		margin-bottom: 35px;

	}

	.v4-pril-inn-bot-0 {

		margin-bottom: 0px;

	}	

	.tourz-top-search-form div:nth-child(1) {

		width: 15%;

	}

	.tourz-top-search-form div:nth-child(2) {

		width: 62%;

	}

	.tourz-top-search-form div:nth-child(3) {

		width: 15%;

	}	

}



/*-------------------------------------------------------*/

/* When the browser is between 768px and 1024px wide,below css will be applied.

/*-------------------------------------------------------*/

/*iPad*/

@media only screen and (min-width : 768px) and (max-width : 1024px){

	.airmile {

    margin: auto!important;

	}

.ad-item-text {

    font-size: 14px;

}

img.homeimg {

    margin: -60px 0px 0px 0px !important;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    box-shadow: 0 4px 8px 0 rgba(143, 86, 86, 0.4), 0 6px 20px 0 rgba(174, 110, 110, 0.2);

}

#background {

    height: 515px;

    margin-top: 0px;

}

.tourz-search-form div:nth-child(1) {

    width: 37%;

}

.tourz-search-form div:nth-child(2) {

    width: 37%;

}

.hom-tren-pro-img{}

.hom-tren-pro-img img {

    width: 100% !important;

    height: 500px !important;

}

.ad-item li{float: none!important; text-align: center; clear:both;}

.ad-item-logo{margin: 0!important}

.web-app2:before{width: 100%}

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ 

.airmile {

   /* margin: 0 230px 0 0 !important;*/

   float:left;

}

.hom-tren-pro-img{}

.hom-tren-pro-img img {

    width: 100% !important;

    height: 110px !important;

}

.upsell-ad-item3:hover span {

    margin: -150px 0px 0px 70px;

}

.ad-item-logo {

    margin: auto;

}

.upsell-ad-item {

    background: #131925;

    padding-top: 10px;

}

.ad-item li {

    float: none;

    text-align: center;

}

.ad-item li a {

    display: inline-block;

    text-align: center;

    padding: 5px 16px;

    text-decoration: none;

}

.ad-item-text {

    font-size: 14px;

}

}



/*-------------------------------------------------------*/

/* When the browser is between 0px and 767px wide,below css will be applied.

/*-------------------------------------------------------*/

@media screen and (max-width: 767px) {

    

	.airmile {

    margin: 0 !important;

	}

    .veri-form div:nth-child(1) {

    width: 100% !important;

    }

    .veri-form div:nth-child(2) {

    width: 100% !important;

    }

    .hom-tren-pro-img{}

    .hom-tren-pro-img img {

    height: 215px;

    width: 100%;

    }

    .hasimg {} .hasimg img {

    width: 170px;

    }

    img.homeimg {

    margin: -60px 0px 0px 0px !important;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    box-shadow: 0 4px 8px 0 rgba(143, 86, 86, 0.4), 0 6px 20px 0 rgba(174, 110, 110, 0.2); 

    }

    .home-dis:before {

    content: '';

    position: absolute;

    background: url(../images/services/s2.jpeg) no-repeat;

	background-size: cover;

    top: 0px;

    bottom: 0px;

    width: 100%;

    opacity: 0.3;

	}

    .web-app2 {

    background: url(../images/live_b.jpg) bottom center no-repeat;

    background-position: -350px;

    background-size: cover;

    position: relative;

    overflow: hidden;

    padding-left: 31px;

    height: 510px;

    margin-top: 45px;

    }

    .web-app2::before {

    content: '';

    position: absolute;

    top: 0px;

    bottom: 0px;

    right: 0px;

    width: 100%;

    background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 0%);

    }

    .cbb3-mob-app {

        margin: 0 auto;

        width: 80%;

    }

    .dir-mob-app-size {

        width: 80% !important;

    }

    .dir-get-app ul {

        width: 100%;

        padding-left: 0px;

    }

    .dir-get-app ul li:nth-child(2) {

        width: 80%;

    }

    .dir-get-app ul li:nth-child(3) {

        width: 100%;

    }

    .dir-get-app ul li:nth-child(1) {

        width: 20%;

    }

    .dir-ho-t-tit h1 {

        font-size: 28px;

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .dir-ho-tr ul li a {

        font-size: 14px;

    }

    .dir-ho-t2l form ul li:nth-child(2) {

        display: none;

    }

    .dir-ho-t2l form ul li:nth-child(1) {

        width: 75%;

    }

    .dir-ho-t2l form ul li:nth-child(3) {

        width: 25%;

    }

    .dir-v2-ho-t2l form ul li:nth-child(1) {

        width: 80%;

    }

    .dir-v2-ho-t2l form ul li:nth-child(2) {

        width: 20%;

        display: block;

    }

    .dir-hr1 {

        text-align: center;

        width: 90%;

    }

    .dir-pr-p1-rev {

        float: left;

        margin-top: 25px;

    }

    .dir-pr-p1 ul li {

        width: 100% !important;

    }

    .dir-pr-p1 ul {

        padding-bottom: 20px;

    }

    .dir-pr-p2 ul li {

        padding: 10px 10px 10px 35px;

    }

    .dir-pr-ri-pro {

        margin-bottom: 25px;

    }

    .dir-ho-tr {

        display: none;

    }

    .dir-ho-tl ul {

        display: table;

        margin: 0 auto;

    }

    .dir-ho-tl {

        padding-top: 35px;

    }

    .hom-pro {

        margin-bottom: 30px;

    }

    .sea-drop-1 {

        width: 96%;

    }

    .ts-menu-5 span i {

        margin: 11px;

    }

    .top-search form ul li:nth-child(1) {

        width: 80%;

    }

    .top-search form ul li:nth-child(2) {

        width: 20%;

    }

    .ts-menu-1 a img {

        width: 40px;

        margin: 10px;

        /* margin-left: 20px; */

        

        display: table;

        /* margin: 0 auto; */

        

        margin-left: auto;

    }

    .lpe-com-main {

        width: 90%;

        padding: 50px 0px;

    }

    .list-enqu-btn ul li {

        width: 50%;

    }

    .list-number ul li {

        width: 100%;

    }

    .carousel {

        height: auto;

    }

    .lp-ur-all-left {

        width: 100%;

        border-right: 0px solid #6b7f8a;

        padding-right: 0px;

    }

    .lp-ur-all-right {

        float: left;

        width: 100%;

        padding: 25px 20px 2px 0px;

    }

    .lp-ur-all-right p span {

        font-size: 20px;

        margin-right: 10px;

    }

    .page-about-count {

        border-bottom: 1px solid #3e5263;

        border-right: 0px solid #3e5263;

        padding-bottom: 20px;

        padding-top: 12px;

    }

    .page-about-count-no-bor {

        border-bottom: 0px solid #3e5263;

        padding-bottom: 10px;

    }

    .con-page-ri {

        width: 100%;

        padding: 50px;

        padding-top: 100px;

    }

    .pricing {

        margin-top: 30px;

    }

    footer h4 {

        margin-top: 24px;

    }

    .foot-sec2 {

        padding-top: 0px;

    }

    .dir-pop-body form {

        padding: 30px 30px 25px 30px;

    }

    .dir-pop-body {

        padding: 35px 30px 20px 30px !important;

        border-bottom: 10px solid #263b57;

    }

    .tz {

        padding: 25px;

        padding-top: 100px;

    }

    .tz-l {

        width: 100%;

    }

    .tz-2 {

        width: 100%;

        margin-right: 0px;

        margin-left: 0px;

        margin-top: 20px;

    }

    .tz-3 {

        width: 100%;

        margin-top: 20px;

    }

    .mob-hide {

        display: none;

    }

    .sb1-1 {

        padding: 10px 15px;

    }

    .hom-cre-acc-right form {

        padding: 12px 25px;

    }

    .tz-regi-form {

        width: 80%;

		margin: 50px 42px 50px 35px;

    }

    .tz-invo-full {

        padding: 0px;

    }

    .tz-invo-full1 {

        width: 100%;

        margin: 0px;

    }

    .cat-v2-hom-list ul li {

        width: 50%;

    }

    .v3-mob-m-2 ul li:nth-child(1) {

        display: none;

    }

    .v3-mob-m-2 ul li:nth-child(2) {

        display: none;

    }

    .loading-image {

        width: 90% !important;

        border-radius: 25px !important;

    }

	.tourz-search-form div:nth-child(1) {

		width: 100%;

	}	

	.tourz-search-form div:nth-child(2) {

		width: 100%;

	}	

	.tourz-search-form div:nth-child(3) {

		width: 100%;

	}

	.express-search-form div:nth-child(1) {

    width: 100%;

    }

	.express-search-form div:nth-child(4) {

    width: 100%;

    }

	.express-search-form div:nth-child(5) {

    width: 100%;

    margin-left: 5px;

    float: left;

    }

    .dir-ho-t-sp {

    padding: 50px 8px 100px 0px;

    }

    #background {

    /*height: 480px;*/

    height: 515px;

    margin-top: 0px;

    }

	.exp-btn {

		width: 100%;

	}

	.exp-book {

		width: 100%;

	}

	.tourz-search-form div {

		margin-bottom: 15px;

        width:100%;

	}

	.tourz-top-search-form div:nth-child(1) {

        display: inline-block;

        width: 38%;

    }

	.tourz-top-search-form div:nth-child(2) {

        width: 38%;

        margin-right: 0;

    }

	.tourz-top-search-form div:nth-child(3) {

        display: inline-block;

        width: 15%;

        margin-left: 2%;

    }

    .top-search-main .ts-menu-3{

        padding-left: 0;

    }

    .airmile{width:100%!important;}

    .ad-item li {

    float: none;

    text-align: center;

}

.ad-item-logo {

   margin: 0px;

    

}

}

/*-------------------------------------------------------*/

/* When the browser is between 0px and 480px wide,below css will be applied.

/*-------------------------------------------------------*/



@media screen and (max-width: 480px) {

	.airmile {

    margin: 0 230px 0 0 !important;

	}

    .upsell-ad-item3:hover span {

    width: 250px;

    margin-top: -135px;

    margin-left: 13%;

    }

    .ad-item-logo {

    margin: auto;

    }

    .upsell-ad-item {

    background: #131925;

    padding-top: 10px;

    }

    .ad-item li {

    float: none;

    text-align: center;

    }

    .ad-item li a {

    display: inline-block;

    text-align: center;

    padding: 5px 16px;

    text-decoration: none;

    }

    .l_show_rate_l img {

        width: 100%;

    }

    .l_scroll {

        height: 230px;

        overflow: auto;

        width: 100%;

        position: relative !important;

    }

    .affix {

        top: 0px !important;

        position: relative !important;

    }

    .f_sub_mail {

        width: 100%;

    }

    .f_sub_sub {

        margin-top: 10px;

        width: 100%;

    }

    .dir-ho-tr ul li a {

        font-size: 12px !important;

        padding: 7px 5px;

    }

    .dir-ho-t2l form ul li:nth-child(1) {

        width: 100% !important;

    }

    .dir-ho-t2l form ul li:nth-child(3) {

        width: 100% !important;

    }

    .dir-v2-ho-t2l form ul li:nth-child(2) {

        width: 100%;

    }

    .dir-hpb ul li {

        width: 100%;

    }

    .list-enqu-btn ul li {

        width: 50% !important;

    }

    .lr-user-wr-con {

        width: 85%;

    }

    .soc-login ul li {

        width: 100%;

    }

    .cat-v2-hom-list ul li {

        width: 100%;

    }

}

@media screen and (max-width: 767px) {

    .top-search-main .ts-menu-3{width:70%!important;}

}



@media only screen and (min-width : 1025px) and (max-width : 1200px){

#background{    height: 515px;

    margin-top: 0;}

    img.homeimg {

    margin-top: -60px;

}

img.homeimg {

    

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    box-shadow: 0 4px 8px 0 rgba(143, 86, 86, 0.4), 0 6px 20px 0 rgba(174, 110, 110, 0.2);

}

.ad-item li {

    float: none;

    text-align: center;

}

.ad-item-logo{margin: 0}

}

@media only screen and (min-width : 767px) and (max-width : 1200px){

.home-list-pop .col-md-12{width: 50%; float: left;}

.home-list-pop .col-md-12 .list-enqu-btn ul li,  .home-list-pop .col-md-12 .list-number ul li{width: 100%!important}



}