/**
  MEDIA QUERIES
*/

@media (min-width:1630px) {

    #main-banner {min-height:800px;}
    
}
@media (min-width:769px) {

    .navbar-collapse .caret {transform: translate(0px,-2px);}
    
}
@media (max-width: 768px) { 

    /* mobile utilities */
    .mb-left {text-align:left !important;}
    .mb-right {text-align:right !important;}
    .mb-center {text-align:center !important;}

    .mobile-mb-none {margin-bottom:0px;}
    .mobile-mb-xs {margin-bottom:5px;}
    .mobile-mb-sm {margin-bottom:25px;}
    .mobile-mb-md {margin-bottom:50px;}
    .mobile-mb-xl {margin-bottom:70px;}

    .mobile-mt-none {margin-top:0px;}
    .mobile-mt-xs {margin-top:5px;}
    .mobile-mt-sm {margin-top:25px;}
    .mobile-mt-md {margin-top:50px;}
    .mobile-mt-xl {margin-top:70px;}

    .xxxl {font-size: 40px !important;}

    .thumbs .dlitem {margin: 13px;padding: 0 0 25px 0;}
    .certs img {float: none;margin-left:0;}

    .mobile-width100 {width:100% !important;}
    
    body section.container {margin:0 5% !important;}

    #the-why .row {display:inherit;}
    #the-why .row [class*="col-"]{
        float: left;
        display: block;
        vertical-align: top;
    }
    .pic-b .remark {
        position: inherit;
        top: inherit;
        right: inherit;
        margin-bottom: 30px;
        display: block;
        width: 100%;
    }
    .oce {background: none;}
    .oce2 {background: none;}
    .cpinfo {background: url(../img/cpinf_mb.jpg) no-repeat top center fixed;background-size:cover;}
    .container-fluid.abt .cnt .insd {padding:25px 0;line-height: 24px;}
    #carousel-example-generic.pslider .carousel-inner .carousel-caption {top:35%;}
    #carousel-example-generic.pslider .carousel-caption h2 {font-size:28px;}
    #carousel-example-generic.pslider .carousel-caption p {font-size:18px;line-height: 24px;}
    .container-fluid.xtrm-banner {background:url('../img/xtrm0_mb.jpg') no-repeat top center;background-size: cover;}

    #main-nav .nav.navbar-nav {width:110%;margin-left:-5%;}
    .litem {width:inherit !important;}
    #the-team {background:none;}
    .text-center-xs {text-align:center !important;}
    #footer {text-align: left;}
    #footer .footer-item ul li a {font-size: 16px;}
    .carousel-caption h1 {font-size: 30px;}
    .carousel-caption p {font-size: 16px;}
    .chome .carousel-inner .carousel-caption {top:40%;}
    .chome .carousel-caption h1 {font-size: 40px;}
    .chome .carousel-caption p {font-size: 26px;}
    .quickbar-row {padding: 25px 0px;}
    .mobile35 {top:35% !important;}
    .mobile40 {top:40% !important;}

    .irxu {padding-left:0px;}

    /* mobile menu */
    .navbar-collapse .caret {margin-top: -5px;}
    .navbar-collapse.in {overflow-y: inherit;border-top:1px solid #eee;margin-top:-2px;}
    .navbar-default .navbar-toggle {border: 0px;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #ff2f25;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:white;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:none;}

    #main-nav .dropdown-menu {position:inherit;top: inherit;left: inherit;box-shadow: none;}
    #main-nav .nav ul.neranav {width: 100%;padding: 20px 30px;border-top: 1px solid rgba(255, 255, 255, 0.35);border: 0px;padding-top:5px;transition: all 0.3s ease 0s;}
    #main-nav.navbar-default .navbar-nav>.active>a, 
    #main-nav.navbar-default .navbar-nav>.active>a:focus, 
    #main-nav.navbar-default .navbar-nav>.active>a:hover, 
    #main-nav.navbar-default .navbar-nav>li>ul>li.active>a {padding: 10px 15px;}
    #main-nav .nav ul.neranav li .navbg {display:none;}
    #main-nav .nav.navbar-nav li a {clear:both;}

    #hoverbar {height: 44px;overflow: scroll;padding-left: 0px;margin-left: -15px;}
    #hoverbar.fixed {width: 104%;}

    #main-nav {height: 50px;}
    #main-nav .navbar-brand img {width: 175px;}
    #main-nav .nav.navbar-nav li a {line-height: 20px;}

    .xs32 {font-size: 32px;}
    .xs26 {font-size: 26px;}

    .p250 {padding:50px 0 100px 0  !important;}
    .px250 {padding:50px 0 0 0 !important;}
    .pz250 {padding:50px 0 100px 0 !important;}

    .win1 {
        background: url(../img/win1_mb.jpg) no-repeat top center scroll;
        background-size: cover;
    }

    .ni1 {
        background: url(../img/nibg_mb.jpg) no-repeat top center scroll;
        background-size: cover;
    }

    html .carousel-inner .carousel-caption.altcap {
        top:35%;
    }

    .visible-potrait {
        display: none !important;
    }
}

@media only screen and (max-width: 450px) and (orientation:potrait) {

    .win1 {
        background: url(../img/win1_mb.jpg) no-repeat top center scroll;
        background-size: cover;
    }

    .ni1 {
        background: url(../img/nibg_mb.jpg) no-repeat top center scroll;
        background-size: cover;
    }

    
}

@media only screen and (min-width: 450px) and (max-width: 750px) and (orientation:landscape) {

    .hidden-potrait {
        display:none !important ;
    }

    .visible-potrait {
        display: block !important;
    }
}