@media only screen and (max-width:1199px) {
    
/********** HEADER **********/


/********** WELCOME-SECTION **********/

.gallery-top figure figcaption p { font-size: 18px; }

/********** FEATURED-SECTION **********/

.tabs-section-inner .description { font-size: 16px; }
.tabs-section-inner h2 { font-size: 18px; }
.tabs-section-inner ul { margin-bottom: 10px; }
.tabs-section-inner p { width: 100%; }

/********** FOOTER **********/


	
}
 @media only screen and (max-width:991px) {
     
/********** HEADER **********/

.header-container { width: 96%; }
.call-us { max-width: 700px; }
.call-us p::before { left: 25px; }
.call-us p::after { right: 25px; }
.form-container { width: 96%; }

/********** WELCOME-SECTION **********/

.welcome-section { margin: 40px 0 0; }
.gallery-top { margin-top: 10px; }

/********** EXPLORE-SECTION **********/

.video figure::after { display: none; }

/********** FEATURED-SECTION **********/

.featured-section { margin: 40px 0 0; }


/********** FOOTER **********/



}
 @media only screen and (max-width:767px) {
     
h1 { font-size: 50px; }

/********** HEADER **********/

.call-us p::before { display: none; }
.call-us p::after { display: none; }
.hero-form .row { margin: 0; }
.hero-form ul li.w3 { width: 100%; }
.hero-form ul li.w2 { width: 100%; }
.banner-input { margin: 0 0 20px; }
.hero-form { padding: 20px 5px 35px; }

/********** FEATURED-SECTION **********/

.z-tabs.horizontal > ul { margin-bottom: 10px; }
.z-tabs.clean.horizontal > .z-container > .z-content > .z-content-inner { padding-bottom: 0; }
.z-tabs.clean.horizontal.top > ul > li > a { font-size: 20px; margin: 0 10px; }
.tabs-section-inner { padding: 20px; background: #f2f2f2; }
.tabs-section-inner .section-title { text-align: center; }
.tabs-section-inner ul li { float: none; }

}
 @media only screen and (max-width:640px) {
     
body { font-size: 14px; line-height: 24px; }
h1 { font-size: 36px; }
h2 { font-size: 34px; margin-bottom: 15px; }

/********** HEADER **********/

.header-main { min-height: 550px; }
.header-container { margin-top: 70px; margin-bottom: 70px; }
.header-main .header-container h1 { line-height: 52px; }
.header-container h1::after { width: 42px; height: 70px; bottom: -40px; background-size: cover; }
.price-main { font-size: 62px; margin-top: 5px; }
.call-us { margin-bottom: 40px; }
.form-title h2 { font-size: 30px; }
.hero-form button { font-size: 32px; }
.hero-form button i::before { top: 6px; }
.hero-form button i::after { top: 6px; }

/********** WELCOME-SECTION **********/

.description { font-size: 20px; }
.section-title h2 { margin-top: -2px; }
.gallery-top .col-xs-12 { margin-top: 15px; }
.gallery-top .col-xs-6 { margin-top: 15px; }

/********** EXPLORE-SECTION **********/

.video figcaption { margin-top: -25px; }
.video figcaption a { width: 50px; height: 50px; }
.video figcaption img { width: 14px; left: 2px; top: 9px; }

/********** FEATURED-SECTION **********/

.z-tabs.clean.horizontal.top > ul > li > a { font-size: 18px; margin: 0 8px; }
.featured-section .row .row { margin-bottom: 15px; }

/********** TESTIMONIAL-SECTION **********/

.testimonial-slider p em, .testimonial-slider p i { font-size: 15px; }

/********** FOOTER **********/
footer { padding: 15px 0 10px; }
.footer p { max-width: 250px; }
.go-top { top: -15px; }

}
 @media only screen and (max-width:480px) {
     
h1 { font-size: 32px; }
h2 { font-size: 28px; }

/********** HEADER **********/

.header-main { min-height: 505px; }
.header-container { width: 90%; }
.call-us { margin-bottom: 30px; }
.call-us p { min-width: inherit; width: 280px; margin: 0 auto; line-height: 50px; font-size: 24px; }
.header-main .header-container h1 { line-height: 42px; }
.header-container h1::after { display: none; }
.price-main { font-size: 48px; letter-spacing: 3px; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 2px #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000; }
.form-title { margin-top: -60px; }
.form-title h2 { font-size: 20px; line-height: 60px; }
.form-title { padding-left: 0; padding-right: 0; }
.hero-form label { font-size: 14px; }
.banner-input { font-size: 15px; margin-bottom: 15px; }
.hero-form button { font-size: 24px; line-height: 54px; }
.hero-form button i::before { display: none }
.hero-form button i::after { display: none }
.contact-form { margin: 0 0 25px; }
.ui-datepicker { width: 270px; }

/********** WELCOME-SECTION **********/

.welcome-section { margin-top: 30px; }
.description { font-size: 18px; }
.gallery-top { margin-bottom: 15px; }
.gallery-top .col-xs-6 { width: 100%; }

/********** TESTIMONIAL-SECTION **********/

.client-photo { width: 264px; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] { width: 136px; }

/********** FEATURED-SECTION **********/

.z-tabs > .z-container > .z-content > .z-content-inner { padding-left: 0; padding-right: 0; }
.z-tabs.large > ul > li > a { font-size: 16px; font-family: "Playfair Display", serif; font-weight: 700; }

/********** EXPLORE-SECTION **********/

.fancybox-inner { height: auto !important; }

/********** FOOTER **********/

.go-top { top: 4px; }
.go-top img { width: 35px; }

}
