@media (min-width:991px) and (max-width:1199px) { 

    .main-logo { left: 30px;}
    .landing-graphic img {
    height: calc(102vh - 352px);
    object-fit: cover;
    width: 100%;
}
}



@media (min-width:960px) and (max-width:1025px) { 
.main-logo { left: 20px;}
nav.sitenav ul li { margin: 0 10px;}  
nav.sitenav ul li a { font-size: 12px;}
nav.sitenav > ul > li a::after { height: 4px;}
.bottom h2, .bottom-box h2 {  font-size: 18px;} 
.bottom-box address,.bottom-box, p { font-size: 12px;}    
.landing-graphic img {
    height: calc(100vh - 352px);
    object-fit: cover;
    width: 100%;
}
    
}





@media (min-width:768px) and (max-width:959px) { 
.landing-graphic img { height: calc(100vh - 352px); object-fit: cover; width: 100%;}

}


@media (min-width:768px) and (max-width:1025px) { 

    .header-top { text-align: center;}
    .header-nav { height: auto; box-shadow: none; position: relative;} 
    .main-logo { position: static; width: 150px; height: auto; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}
    .main-logo img { width: 100%; height: auto;}
    .headMian { height: auto; position: fixed;  background: rgba(67, 43, 64,0) none repeat scroll 0 0; transition: all 0.3s linear 0s;}
    .headMian.fixed .main-logo {opacity: 1; transition: all 0.3s linear 0s;}
    .header-active .headMian { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; transition: all 0.3s linear 0s;}
    .toogle-menu { color: #C2D6DF;}
    .header-active  .toogle-menu {color: #C2D6DF;}
    .Mopbile-menu-Warp {height: calc(100vh - 190px);overflow-y: scroll;}
    .bottom-box.box1, .bottom-box.box2 { padding-bottom: 25px;}
    .social-like ul { text-align: left;}
    .social-like ul li { padding: 0 20px;}
    .social-like ul li:first-child { padding-left: 0;}
    .copyright { padding-top: 10px; text-align: center;}
    .slider-main { max-width: 100%;}
    .top-hero {padding-top: 100px;}
    .heroslide-bg::after { background: rgba(206, 149, 96, 0.1) none repeat scroll 0 0;}
    .header-top { display:none; opacity: 0;}
    .headMian.fixed { height: 80px;}
    .slider-main { margin: 0 -8px;max-width: 100%;}
    .static-banner img { height: auto; object-fit: cover; width: 100%;}
    #cbp-spmenu-s1  ul.scroll-nav > li.active > a {color: #C2D6DF;} 
     
    .homecontent {
    position: absolute;
    top: 20%;
    background: rgba(255,255,255,0.5);
    padding: 20px;
    width: 95%;
} 
}

@media (min-width:990px) and (max-width:1100px) { 
/* ipad */
    nav.sitenav ul li a { display: block; padding: 25px 0; position: relative; font-size: 12px; color: #383838; line-height: 20px; font-weight: normal; transition: color  0.3s linear;}
    .homecontent {
    position: absolute;
    top: 40%;
    background: rgba(255,255,255,0.5);
    padding: 20px;
    width: 55%;
}

@media (min-width:599px) and (max-width:768px) { 
/* ipad */
.main-logo img 
{
    width: auto; height: 150px;
}
}




nav.sitenav {

    width: 100%;
    padding-top: 80px;
    transition: all 0.3s linear;
    z-index:9999;

}
.main-logo img {

    width: auto;
    height: 100px;
 

}



}


@media (max-width:767px) {
    .header-top { text-align: center;}
    #cbp-spmenu-s1 ul.scroll-nav > li.active > a {color: #C2D6DF;}  
    .header-nav { height: auto; box-shadow: none; position: relative;} 
    .main-logo { position: static; width: 100px; height: auto; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}
    .main-logo img { width: auto; height: 70px;}
    .headMian { height: 170px; position: fixed;background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));  transition: all 0.3s linear 0s;}
    .headMian.fixed .main-logo {opacity: 1; transition: all 0.3s linear 0s;}    
    .header-active .headMian { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; transition: all 0.3s linear 0s;}
    .toogle-menu { color: #C2D6DF;}
    .header-active  .toogle-menu {color: #C2D6DF;}
    .Mopbile-menu-Warp {height: calc(100vh - 190px);overflow-y: scroll;}
    .bottom-box.box1, .bottom-box.box2 { padding-bottom: 25px;}
    .social-like ul { text-align: left;}
    .social-like ul li { padding: 0 15px;}
    .social-like ul li:first-child { padding-left: 0;}
    .copyright { padding-top: 15px; text-align: left;}
     .slider-main { max-width: 100%;}
    .header-top { display:none; opacity: 0;}
    .headMian.fixed { height: 80px;}
     .top-hero {padding-top: 100px;}
    .static-banner img { height: auto; object-fit: cover; width: 100%;}
    .landing-graphic img {  height: auto; object-fit: cover;  width: 100%;}    
    .bottom-box { padding-left: 25px; padding-right: 25px;}
    .slide-item img { height: auto;}
    .backtop {right: 10px;}
    .section-content h1 { padding-bottom: 15px; font-size: 22px;}
    .heroslide-bg::after {background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;}
    
    .homecontent {
    position: absolute;
    top: 20%;
    background: rgba(255,255,255,0.5);
    padding: 20px;
    width: 95%;
}
}

@media (max-width:640px) {
.slide-item .slider-caption { font-size: 16pt;}
}


@media (max-width:480px) {
 .top-hero {padding-top: 85px;}

}


@media (max-width:479px) {
   .slide-item .slider-caption { font-size: 14pt;}
    footer .col-xs-6 { width: 100%; text-align: center;}
    .social-like ul { text-align: center;}
    .social-like ul li { padding: 0 10px;}
    .social-like { padding-bottom: 15px;}
    .social-share { padding-right: 0px; padding-bottom: 10px;}
    .social-share ul { float: none; text-align: center;}
    .social-share ul li { float: none; display: inline-block;}
    .copyright p { font-size: 13px;}
    .backtop { right: 10px;}
    .bottom h2, .bottom-box h2 { font-size: 18px;}
    .static-banner img {height: 100px; object-fit: cover; width: 100%;}
    .social-like ul li { position: static;}
    
    .Widget-toggle { margin-left: -168px; left: 50%;}
    .Widget-toggle.Widget-open {
        bottom: 63px;}
    .static-banner img {
    height: 150px;
    object-fit: cover;
    width: 100%;
}    

}

@media (max-width:359px) {
   .slide-item .slider-caption { font-size: 12pt;}
    
    .Widget-toggle { width: 290px; margin-left: -145px;}


}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .main-logo img { width: auto; height: 70px!important;} }