/* -------------------------------
   Responsive CSS
------------------------------- */
@media (max-width: 1199px) {
    /* Portfolio */
    .nav-tabs > li { margin-left: 0; margin-right: 0;}
    .grid figcaption { bottom: 50px; }
    .nav > li { margin-right: 17px; margin-left: 17px}
}

@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) {
    /* Section Padding */
    section { padding: 89px 0px; }

    /* 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: rgba(30, 57, 74, 0.96); 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-color: #1e394a; border-radius: 12%; }

    /* custom */
    .sm-margin-bottom-ten { margin-bottom: 10% !important }
    .text-uppercase { word-wrap: break-word; }
    .count-settings:nth-child(3),
    .count-settings:nth-child(4) { margin-bottom: 0; }
    
    /*  blog  */
    .blog-heading { line-height: 15px; margin-bottom: 14px; }
    .post-details { line-height: 14px; }
    .blog-text p  { line-height: 22px; }

    /* 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;}
    .nav-tabs > li > a { margin-left: 16px; margin-right: 16px;}

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

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

@media (max-width: 768px) {
    /*  portfolio   */
    .nav > li {width: auto;}
    .img-filter { display: inline-block;}
    .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 Padding  */
    section { padding: 47px 0px; }
    .xs-section { padding: 100px 0 !important; }
    .xs-remove { display: none !important}

    /* Margins */
    .xs-margin-top-50 { margin-top: 50px; }
    .xs-margin-btm-1 { margin-bottom: 1% !important }
    .xs-margin-btm-10 { margin-bottom: 10% !important }
    .xs-center-text { text-align: center !important;}
    .xs-margin-10{margin-top: 10% !important}

    /*  headings  */
    h1 { line-height: 40px; font-size: 29px;}
    
    /*  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-heading { margin: 0; }
    .blog-img { margin-bottom: 20px; }
    .post-details { margin-top: 10px; margin-bottom: 10px; display: block; }
    .blog-text p { padding: 0px 0px 20px; }

    /*  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 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;}

    /* typography */
    blockquote { font-weight: 100; font-size: 15px; line-height: 24px; padding: 10px 20px;}
    
    /*  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) {
    /*  navigation  */
    .navbar-fixed-top .navbar-collapse { max-height: 393px; }

    /*  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; }

    /*  owl 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;}
}

/*  For smartphones Landscape View  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
    .navbar-fixed-top .navbar-collapse, 
    { max-height: 275px !important; }
}