/* -------------------------------
   Responsive CSS Froopy
   author: rix_designs
   http://themes95.com
------------------------------- */
@media (min-width: 1190px) {
    /* automotive toggle nav */
  .navigation .nav-wrap .toggle-nav li a {font-size: 2rem; }
}

@media (max-width: 1199px) {
    /* navigations */
    .nav-tabs > li { margin-left: 0; margin-right: 0;}
    .nav > li { margin-right: 17px; margin-left: 17px}
    .nav-btn {right: 15px;}
    /* magins */
    .md-no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important; text-align: center !important;}
    .md-margin-3{margin:3% !important}

    /* travel highlight section */
    .travel-hgl { padding: 100px 50px 100px 100px;}


    /* blog section */
    .post-details span {font-size: 11.5px !important; padding: 0px !important;}

    /* Portfolio */
    .nav-tabs > li { margin-left: 0; margin-right: 0;}
    .grid figcaption { bottom: 50px; }
    .nav > li { margin-right: 13px; margin-left: 13px}
}
@media screen and (max-width: 45em) { 
   /* rotate menu */
   .menu-rt-nav {font-size: 11px; position: fixed; background: #dedede; left: 0; width: auto; padding-top: 7px; font-weight: 600 !important; -webkit-transform: none; transform: none; }
   .menu-rt { margin: 0px 7px 0px 0px; color: #585858;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Navigation for iPad Layouts */
    .navbar-nav > li > a { border-color: transparent !important; }
}

@media (max-width: 1024px) {
    /* Parallax Settings */
    .fix-background { background-attachment:inherit !important}
}

@media (max-width: 991px) {
    /* tabs navigation */
    .nav-tabs > li > a { margin-left: 16px; margin-right: 16px;}

    /* travel image */
    .travel-img img {max-width: 100% !important;}
    
    /* Section Padding */
    section { padding: 89px 0px; }

    /* Large text title */
    .sm-title-large{ font-size:28px !important; line-height:34px !important;}

    /* navigation */
    nav.navbar .container { position: relative; }
    .fixed-nav .nav > li { border-top: 1px solid rgba(255, 255, 255, 0.06) !important; width: 100% !important; float: left; margin: 0 !important; }
    .fixed-nav .nav > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
    .fixed-nav ul li a:hover { color: #fff !important; background-color: rgba(0, 0, 0, 0.3); }
    .fixed-nav .navbar-nav > li > a { font-weight: 700; }
    .shrink-nav .nav > li { margin: 16px 15px; }
    .white-navigation.shrink-nav .navbar-nav li a { color: #fff; }
    .navbar .text-right { min-height: 0; clear: both; background-color: rgb(162, 162, 162); top: 80px; padding: 0; width: 100%;  position: absolute; }
    .navbar.shrink-nav .text-right { top: 56px; }
    .navbar-nav > li > a { border-bottom: 0 !important;}
    .navbar-default .navbar-nav > li > a { text-align: left; padding: 0px 0px 0px 15px; color: #fff; display: block;  height: 37px; line-height: 37px;}
    .navbar-default .col-sm-3 { float: left; }
    .navbar-toggle { border-radius: 0px; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar-default .navbar-toggle { background: rgb(162, 162, 162) !important; border-radius: 12%;}
    .navbar-header .dark-navr-toggle { background: #000 !important;}

    /*  blog  */
    .blog-heading { line-height: 15px; margin-bottom: 14px; }
    .blog-text p  { line-height: 22px; }
    .widgets { margin-bottom: 40px; }

    /* portfolio */
    .gallery-settings .portfolio-gallery figcaption h3 { font-size: 13px; margin-bottom: 9px}
    .gallery-settings .grid figcaption { bottom: 30px; }
    .grid figcaption { bottom: 10px;}
    .grid li { width: 50% !important;}
    .grid-1 li { width: 50% !important;}
    .grid-2 li { width: 50% !important;}
    .nav-tabs > li > a { margin-left: 16px; margin-right: 16px;}

    /* custom */
    .text-uppercase { word-wrap: break-word; }
    .xs-scrol img {width: 10% !important;}
    .count-settings:nth-child(3),
    .count-settings:nth-child(4) { margin-bottom: 0; }
    .xs-center{text-align: center !important;}
    .sm-text-center { text-align: center !important;}
    .xs-zero-margin-tp{margin-top: 0px !important;}
     
    /* margins and paddings */
    .sm-margin-6 {margin-top: 6%;}
    .sm-margin-10 {margin-top: 10%;}
    .sm-margin-20 {margin-top: 20%;}
    .sm-zero-lr-padding{ padding-left: 0 !important; padding-right: 0 !important; }
    .sm-col-center{ float:none !important; margin-right:auto !important; margin-left:auto !important;}
    .sm-padding-4 {padding-top: 4%;}
    .sm-no-margin-bottom{ margin-bottom:0 !important}
    .sm-margin-5 {margin:5% !important}
    .sm-no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
    .sm-margin-bottom-ten { margin-bottom: 10% !important }

    /* Text Settings    */
    .tite-text{ font-size:87px;}

    /* parallax */
    .fix-background { background-attachment: inherit !important; }
}

@media (max-width: 768px) {
    /* image filter */
    .img-filter { display: inline-block;}
    /*  portfolio   */
    .nav > li {width: auto;}
    .nav-tabs > li > a { border-right: 0; }
    .nav-tabs > li.active > a { margin-bottom: 0px; }
    .nav-tabs > li > a:hover { vertical-align: top; margin-bottom: 0px; }
}

@media (max-width: 767px) {
    /* section paddings */
    section { padding: 120px 0px; }
    .xs-section { padding: 100px 0 !important; }

    /* travel image */
    .travel-img img {max-width: 100% !important;}

    /* paginations */
    .pagination a { margin: 0px 12px; }

    /* service icons */
    .xs-icom-ph {font-size: 40px !important; }
    .padding-services { padding: 20px 15px 40px !important;}
    .xs-icons-padding div {padding-bottom: 60px !important;}

    /*  headings  */
    h1 { line-height: 40px; font-size: 29px;}
    .xs-h5 {font-size: 16px;}
    .h5-xs h5{font-size: 16px !important; line-height: 25px !important;}
    .xs-h3 h3 {font-size: 33px !important; line-height: 36px !important;}
    .xs-title8 { font-size: 35px !important; line-height: 35px !important; text-align: left !important;}
    .xs-title6 { line-height:12px !important; font-size:12px !important; letter-spacing: 1px;}
    .xs-title8-right {font-size: 35px !important; line-height: 35px !important; text-align: right !important; padding: 4px 17px;}
    .xs-title-left {font-size: 22px !important; line-height: 22px !important; padding: 4px 17px;}
    .xs-title-11 { font-size: 36px !important; line-height: 36px !important; }
    .xs-title2{ margin-top: 10px; line-height:32px !important; font-size:30px !important; letter-spacing: 1px;}


    /* navigation tabs */
    .nav-tabs > li > a:hover { border-bottom: 2px solid #000;}
    .nav-tabs > li.active > a { border-width: 2px; margin-bottom: 0px;}
    .nav-tabs > li > a { margin-top: 12px 0px 0px 0px !important;}

    /* travel agency tabs */
    .travel-tabs .nav-tabs li:last-child a { margin: 0;}
    .travel-tabs .nav-tabs { border: 1px solid #ddd;}
    .travel-tabs .nav-tabs li:first-child { margin-left: 0; border:none; border-bottom: 1px solid #e5e5e5;}
    .travel-tabs .nav-tabs li:last-child { border-bottom: none;}
    .travel-tabs .nav-tabs li { border-bottom: 1px solid #e5e5e5; border-top: none; border-right: none}
    .travel-tabs .nav-tabs li a:hover { border: none}
    .travel-tabs .nav-tabs li.active { border-bottom: 1px solid #e5e5e5;}
    .travel-tabs .nav-tabs li.active a { top: 0;}
    .travel-tabs .tab-content { padding: 0 20px;}
    
    /* text settings */
    .hero-mid-text h1 {font-size: 37px; line-height: 42px;}
    .xs-letter-space3{letter-spacing: 3px !important;}
    .xs-right-text { text-align: right !important;}
    .xs-center-text { text-align: center !important;}

    /* Margins and Paddings */
    .xs-padding-btm-head{padding-bottom: 20px !important;}
    .xs-no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
    .xs-no-margin-top{ margin-top:0 !important; text-align: center !important}
    .xs-margin-5 {margin:5% !important}
    .xs-team-margin div{margin-bottom: 60px !important;}
    .xs-margin-bottom-six { margin-bottom: 6% !important }
    .xs-margin-top-nine { margin-top: 9% !important }
    .xs-contact-padding li {padding: 15px 0px !important;}
    .xs-margin-top-14 { margin-top: 14% !important }
    .xs-margin-top-btm-15 {margin-top: 15% !important; margin-bottom: 15% !important;}
    .xs-margin-top-six { margin-top: 6% !important }
    .xs-margin-6{ margin:6% !important}
    .xs-margin-top-50 { margin-top: 50px; }
    .xs-top-margin2 {margin-top: 2px !important;}
    .xs-top-btm-margin2 {margin-top: 6px; margin-bottom: 2px; }
    .xs-top-btm-margin15 {margin-top: 15px; margin-bottom: 15px; }
    .xs-margin-btm-1 { margin-bottom: 1% !important }
    .xs-margin-btm-10 { margin-bottom: 10% !important }
    .xs-margin-10{margin-top: 10% !important}
    .xs-margin-bottom-ten { margin-bottom: 10% !important }
    .xs-no-padding-top{ padding-top:0 !important}
    .xs-btm-padding { padding-bottom: 21px !important;}
    .xs-padding-top-50 {padding-top: 50px !important; }
    .xs-padding-btm-zero{padding-bottom: 0px !important;}
    .xs-z-padding{padding: 0px !important}
    .xs-z-margin-top{margin-top: 0px !important;}


    /* center col */
    .xs-col-center{ float:none !important; margin-right:auto !important; margin-left:auto !important;}

    /* image sizes */
    .xs-img-full { width: 100%;}
    .xs-img-half {width: 50%;}

    /* automtive our service images */
    .service-imgs > img {  width: auto;}
    
    /*  navigation  */
    .nav-settings .nav-ul { padding-left: 20px;}

    /* display block */
    .xs-display-block { display: block !important; }
    .xs-display-inline { display: inline !important}

    /* text hero image */
    .text-hero h1 { font-size: 25px !important; line-height: 31px !important; }

    /* spa highlight section */
    .spa-hgl-text {font-weight: 500 !important; color: #000 !important; }

    /*  slider text */
    .tite-text{ font-size:57px;}

    /*  Counter Settings   */
    .count-settings:nth-child(3) { margin-bottom: 89px; }
    
    /*  Blog  */
    #blog .col-sm-4 { margin-bottom: 15px; }
    .blog-img { margin-bottom: 10px; }
    .post-details { margin-bottom:15% !important;}
    .post-details span {font-size: 11px !important; padding: 0px !important;}
    .blog-text p { padding: 23px 0px 20px; }
    .post-thumbnail > img { height: 100%; width: auto;}

    /* Portfolio */ 
    .img-filter { display: block;}
    .active > a { border-bottom: 2px solid #1e394a; }
    .nav-tabs > li > a:hover { border-bottom: 2px solid #1e394a;}
    .nav-tabs > li.active > a { border-width: 2px;}
    .grid li { width: 100% !important; }
    .grid-1 li { width: 100% !important; }
    .grid-2 li { width: 100% !important; }
    .grid-2 li , .grid-1 li {padding-left: 0px !important; }
    .grid figcaption { bottom: 6% !important; }
    .nav-tabs > li > a { margin-left: 0 !important; margin-bottom: 0px; margin-right: 0 !important }
    .nav-tabs > li.active > a { margin-bottom: 0px;}
    .portfolio-gallery ul { margin-left: 0; }
    .nav-tabs > li > a { margin-top: 12px;}

    /*  team members  */
     .our-team .member-details {height: 50%;}
}

@media (max-width: 640px) {
    /*  Counter Settings  */
    .count-settings { margin-bottom: 49px; }
    .count-settings:nth-child(3) { margin-bottom: 49px; }
}

@media (max-width: 580px) {
    /*  footer icons */
    .footer-icons i { margin: 0px;}
}

@media (max-width: 480px) {
    /* travel highlight */
    .travel-hgl { padding: 50px 15px; }

    /* scroll to top */
    .scrollTop { display: none !important; }

    /* team */
    .our-team .member-details  { height: 55%;}

    /* footer icons */
    .footer-icons {  margin-top: 20px; }

    /*  text settings    */ 
    .text-med { line-height: 21px; font-size: 12px; }
    .tite-text{ font-size:40px;}

    /*  Portfolio   */
    .grid li { width: 100% !important; }
    .grid-1 li { width: 100% !important; }
    .grid-2 li { width: 100% !important; }

    /*  Slider    */
    .owl-pagination { bottom: 10px; }
}

@media (max-width: 466px) {
    /*  footer icons   */
    .footer-icons a { margin: 0 15px;}
}

@media (max-width: 359px) {
    /* footer icons */
    .footer-icons i { font-size: 19px;}
    .footer-icons a { margin: 0px 10px;}
}
@media (max-width: 667px) and (min-width: 320px) and (orientation: landscape) {
    /* automotive toggle nav */
  .navigation .nav-wrap .toggle-nav {display: initial; }
  .navigation .nav-wrap .toggle-nav li {display: inline-block; margin: 0 16px; }
  .navigation .nav-wrap .toggle-nav li:nth-child(4) {margin: 0; }
}
/*  For smartphones Landscape View  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
    .toggle-sticky .navbar-collapse, 
    { max-height: 275px !important; }
}