/*big screen*/
@media only screen and (min-width: 1600px) {
html {font-size: 16px;
     line-height: 1.8em;}
.popup1 {width: 37em;}
}


@media only screen and (max-width: 1150px) {
html {font-size: 13px;font-size:1.2vw; line-height: 1.8em;}
main {width: 100%;}
.legends {width: 88%;}

}

@media only screen and (max-width: 900px) {
html {font-size: 13px;font-size:1.6vw;}
#ham {display: block;}
.logomain {}
#topnav {display:none}
#mainmenu {width: 43%; right: -43%;}

.intro video {display:none}
.intro {background-image:url('/wp-content/themes/elix/img/intro-mobile.jpg'); background-position: 17% 50%;}
.video-popup-cont iframe { width: 100%; height: 34%; margin: 32% auto 0;}

.video-close-but {right: 1.4%; top: 4em; width: 12%;}
.gallery .swiper-slide {width:80%}
.swiper-container-testimonials {width: 100%;}
.swiper-button-prev2 { left: -6%; top: 14em;}
.swiper-button-next2 { right: -6%; top: 14em;}
.contacts, .contact-maps{width:100%}
.features {margin: 4em auto 2em auto; width: 77%;}
footer .col {width: 32%;}



}

@media only screen and (max-width: 700px) {
html { font-size: 13px; }
h1 {font-size: 1.6em;     letter-spacing: 0;     padding: 0 1em;}
h2 {font-size: 1.8em;}
#mainmenu {width: 100%; right: -100%;}
.about p {width: 80%;} 
.intro-block {top:45%}
.intro h1 {width: 90%;       font-size: 2em;
    /* box-shadow: 0 0 black; */
    text-shadow: 1px 2px 15px black;
    letter-spacing: 0;}
.intro-block img {width: 14em;}
.btn.btn-boxed { height: 3.1em; width: 80%; margin-bottom: -0.4em; font-size: 1.1em;}

.feature:nth-child(n+4) {left:0}
.feature {width: 50%;}
.why {    width: 75%; margin: 2em 4% 1em;}
.what p {width: 80%;}
.gallery {padding:0}
.gallery .swiper-slide {width: 100%;}
.swiper-button-next {right:1em}
.swiper-button-prev {left:1em}
.gallery .poly1 {    z-index: 0;}
.legends {width: 95%;}
.legend {display:block; width:100%; margin: 0 0 1em 0; padding: 4%;}
.popup1 {width:100%; top:0; margin-bottom: 0;}
.close-but {right: 6px; top: 6px;}
.testimonials {width:100%}
.testimonial {margin:0}
.swiper-button-next2 {right: 2%; top: 47%;}
.swiper-button-prev2 { left: 2%; top: 47%;}
.price {width: 100%; margin:0 0 2em 0}
.contact, .contact-map {width: 70%;}
footer .col {width: 100%;}

   .thanku-page {background-image: url(/wp-content/themes/elix/img/thanku.jpg); background-size: cover;}
   .thx-text {width:100%; margin:auto;}
.fb-box {margin-bottom: 2em;}
#inspirock-attraction-widget-419369 {margin-bottom: 2em!important;}


}



@media only screen and (max-width: 500px) {
.feature {width:100%}
.why {width: 100%; margin:2em 0 1em}
.poly3 {display:none}
.prices {margin: 2em auto 0em;}
.map-section {margin-top:0}
.pricing {padding: 3em 0 5em;}
.socs {
    position: static;
    right: 16%;
    top: 12%;
    margin: 20px 0.2em 0 0;}

    .page-sub {padding: 7em 10%;}
    .page-sub h1 {padding:0}
footer { padding: 2em 5% 5em 5%;}    
#TA_cdsratingsonlynarrow894 {margin-bottom:2em!important} 
}