@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
/*--------- home page ------------*/

	h1, .h1{ font-size: 26px; line-height: 34px; }
	h2, .h2{ font-size: 26px; line-height: 34px; }
	h3, .h3{ font-size: 22px; line-height: 30px; }
	h4, .h4{ font-size: 16px; line-height: 20px; }
	h5, .h5{ font-size: 14px; line-height: 18px; }
	h6, .h6{ font-size: 12px; line-height: 16px; }

	.container{ padding: 0 15px; box-sizing: border-box; }

	ul li{ font-size: 14px; line-height: 22px; }
	ol li{ font-size: 14px; line-height: 22px; }

	p{ font-size: 14px; line-height: 22px; margin-bottom: 15px; }

	header{ padding-top: 10px; padding-bottom: 3px; }
	.logo{ width: 250px; }
	.gallery-show-sec .container{ padding: 0 20px; box-sizing: border-box; }
	.gallery-show-inn{ flex-wrap: wrap; grid-gap: 15px; }
	.gallery-show-inn .gallery-cell{ width: 100%; height: 350px; margin: 0; }
	.gallery-show-sec{ padding-bottom: 40px; }
	.services-sec{ padding-top: 35px; padding-bottom: 35px;	}
	.services-sec h2{ margin-bottom: 15px; }
	.services-sec .center-text .text-link{ font-size: 18px; line-height: 26px; }
	.gallery-sec{ padding-top: 60px; }
	.gallery-sec .sec-title h1{ margin-bottom: 15px; }
	.info-sec .center-text{ padding-top: 0px; }
	.info-sec .center-text p{ margin-bottom: 10px; }
	.info-sec .center-div{ margin-bottom: 10px; }
	.info-sec{ padding-top: 35px; padding-bottom: 35px; }
	.gallery-slider-sec{ padding-top: 35px; padding-bottom: 30px; }
	.testimonial-sec .testimonial-slider .testimonial-cell .testimonial-text{ padding: 20px 20px; margin-bottom: 12px; }
	.testimonial-sec .testimonial-slider .testimonial-cell h4{ font-size: 16px; line-height: 20px; margin-bottom: 0; }
	.footer-tp{ padding-top: 35px; padding-bottom: 35px; }
	.footer-tp h3{ margin-bottom: 25px; }
	.footer-tp .tree-col .col-left p{ font-size: 16px; line-height: 25px; margin-bottom: 0; }
	.footer-form .form-title{ padding: 10px 10px; font-size: 18px; }
	.gallery-sec .sec-title{ padding-bottom: 20px; }
	.gallery-show-inn .gallery-cell:hover:after{ width: 26px; height: 26px; }
	.services-cell{ width: 100%; padding: 20px 15px; margin: 0; }
	.testimonial-sec{ padding: 35px 0 35px 0; }
	.testimonial-sec .testimonial-slider .testimonial-cell p{ font-size: 14px; line-height: 20px;  margin-bottom: 0; }
	.footer-btm{ padding: 17px 0 20px 0; }
	.footer-tp .tree-col .col-left .center-box{ max-width: 200px; text-align: center; margin: 0 auto; }
	.banner{ height: 250px; }
	.banner-slider{ height: 250px; }
	.banner-slider .item{ height: 250px; }
	.banner-slider-cell{ height: 250px; }
	.services-cell i{ font-size: 32px; margin-bottom: 10px;  }
	.services-inn{ grid-gap: 10px; margin-bottom: 15px; }
	.footer-tp .tree-col{ display: flex; flex-wrap: wrap; }
	.footer-tp .tree-col .col-left{ width: 100%; margin-bottom: 30px; }
	.footer-tp .tree-col .col-mid{ width: 100%; margin-bottom: 30px; }
	.footer-tp .tree-col .col-right{ width: 100%; }
	.logo-area{ width: 100%;	}
	.logo-area .full-cell{ margin-bottom: 20px; }
	.footer-btm .two-col{ display: flex; flex-wrap: wrap; }
	.footer-btm .two-col .col-left{ width: 100%; text-align: center; margin-bottom: 10px; }
	.footer-btm .two-col .col-right{ width: 100%; align-items: center; justify-content: center; }
	.gallery-sec .sec-title .center-text a{ font-size: 16px; }
	.info-sec .center-div iframe{ width: 100%; height: 200px; }
	#content-area ul li:before{ left: -14px; top: 9px; width: 5px; height: 5px;	}
	.info-sec .center-text a{ font-size: 16px; }
	.gallery-slider .item{ padding: 0 7px; }
	#content-area .testimonial-slider .slick-dots li{ width: 20px; height: 5px; margin: 0 2px; }
	#content-area .testimonial-slider .slick-dots li button{ width: 20px; height: 5px; }
	#content-area .testimonial-slider .slick-dots li.slick-active{ width: 5px; }
	#content-area .testimonial-slider .slick-dots li.slick-active button{ width: 5px; }
	.logo-area .full-cell:last-child{ margin-bottom: 0; }
	.form-bottom{ padding: 20px 15px; }
	.testimonial-sec .testimonial-slider .item{ padding: 0 2px; }
	.footer-btm .two-col .col-right ul{ column-gap: 20px; flex-wrap: wrap; justify-content: center; }
	.footer-btm .two-col .col-right ul li{ margin-bottom: 5px; }
	.mb-toggled.mb-closed{ display: block; top: 13px; }
	.content-area{ padding: 30px 0 30px 0; }
	.align-right-img{ max-width: 100% !important; margin-left: 0; width: 100%; }
	.content-area .logo-area{ width: 100%; }
	.logo-area > a{ margin-bottom: 20px; }
	.mini-logo-cell{ padding-top: 20px; padding-bottom: 10px; }
	.gallery-box{ grid-gap: 15px; margin-bottom: 35px; }
	.gallery-box .gallery-cell{ width: 100%; max-width: 100%; }
	.gallery-sec .container{ max-width: 320px; }
	.gallery-sec .grid-item{ margin-bottom: 10px; width: 100%; }
	.gallery-sec .container .gallery-sec-grid:last-child{ margin-bottom: 0; }

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {

	h1, .h1{ font-size: 26px; line-height: 34px; }
	h2, .h2{ font-size: 26px; line-height: 34px; }
	h3, .h3{ font-size: 22px; line-height: 30px; }
	h4, .h4{ font-size: 16px; line-height: 20px; }
	h5, .h5{ font-size: 14px; line-height: 18px; }
	h6, .h6{ font-size: 12px; line-height: 16px; }

	.container{ padding: 0 20px; box-sizing: border-box; }

	ul li{ font-size: 14px; line-height: 22px; }
	ol li{ font-size: 14px; line-height: 22px; }

	p{ font-size: 14px; line-height: 22px; margin-bottom: 15px; }

	header{ padding-top: 10px; padding-bottom: 3px; }
	.logo{ width: 300px; }
	.gallery-show-sec .container{ padding: 0 20px; box-sizing: border-box; }
	.gallery-show-inn{ flex-wrap: wrap; grid-gap: 15px; }
	.gallery-show-inn .gallery-cell{ width: 31.6%; height: 250px; margin: 0; }
	.gallery-show-sec{ padding-bottom: 40px; }
	.services-sec{ padding-top: 35px; padding-bottom: 35px;	}
	.services-sec h2{ margin-bottom: 20px; }
	.services-sec .center-text .text-link{ font-size: 18px; line-height: 26px; }
	.gallery-sec{ padding-top: 60px; }
	.gallery-sec .sec-title h1{ margin-bottom: 15px; }
	.info-sec .center-text{ padding-top: 0px; }
	.info-sec .center-text p{ margin-bottom: 10px; }
	.info-sec .center-div{ margin-bottom: 10px; }
	.info-sec{ padding-top: 35px; padding-bottom: 35px; }
	.gallery-slider-sec{ padding-top: 35px; padding-bottom: 35px; }
	.testimonial-sec .testimonial-slider .testimonial-cell .testimonial-text{ padding: 20px 20px; margin-bottom: 12px; }
	.testimonial-sec .testimonial-slider .testimonial-cell h4{ font-size: 16px; line-height: 20px; margin-bottom: 0; }
	.footer-tp{ padding-top: 35px; padding-bottom: 35px; }
	.footer-tp h3{ margin-bottom: 25px; }
	.footer-tp .tree-col .col-left p{ font-size: 16px; line-height: 25px; margin-bottom: 0; }
	.footer-form .form-title{ padding: 15px 10px; font-size: 18px; }
	.gallery-sec .sec-title{ padding-bottom: 20px; }
	.gallery-show-inn .gallery-cell:hover:after{ width: 26px; height: 26px; }
	.services-cell{ width: 32.2%; padding: 20px 15px; margin: 0; }
	.testimonial-sec{ padding: 35px 0 35px 0; }
	.testimonial-sec .testimonial-slider .testimonial-cell p{ font-size: 14px; line-height: 20px;  margin-bottom: 0; }
	.footer-btm{ padding: 17px 0 20px 0; }
	.footer-tp .tree-col .col-left .center-box{ max-width: 200px; margin: 0 auto; }
	.banner{ height: 400px; }
	.banner-slider{ height: 400px; }
	.banner-slider .item{ height: 400px; }
	.banner-slider-cell{ height: 400px; }
	.services-cell i{ font-size: 32px; margin-bottom: 10px;  }
	.services-inn{ grid-gap: 10px; margin-bottom: 15px; }
	.footer-tp .tree-col{ display: flex; flex-wrap: wrap; }
	.footer-tp .tree-col .col-left{ width: 100%; margin-bottom: 25px; }
	.footer-tp .tree-col .col-mid{ width: 100%; margin-bottom: 25px; }
	.footer-tp .tree-col .col-right{ width: 100%; }
	.logo-area{ width: 100%;	}
	.logo-area .full-cell{ margin-bottom: 20px; }
	.footer-btm .two-col{ display: flex; flex-wrap: wrap; }
	.footer-btm .two-col .col-left{ width: 100%; text-align: center; margin-bottom: 10px; }
	.footer-btm .two-col .col-right{ width: 100%; align-items: center; justify-content: center; }
	.gallery-sec .sec-title .center-text a{ font-size: 16px; }
	.info-sec .center-div iframe{ width: 100%; }
	#content-area ul li:before{ left: -14px; top: 9px; width: 5px; height: 5px;	}
	.info-sec .center-text a{ font-size: 16px; }
	.gallery-slider .item{ padding: 0 7px; }
	#content-area .testimonial-slider .slick-dots li{ width: 20px; height: 5px; margin: 0 2px; }
	#content-area .testimonial-slider .slick-dots li button{ width: 20px; height: 5px; }
	#content-area .testimonial-slider .slick-dots li.slick-active{ width: 5px; }
	#content-area .testimonial-slider .slick-dots li.slick-active button{ width: 5px; }
	.logo-area .full-cell:last-child{ margin-bottom: 0; }
	.form-bottom{ padding: 20px 15px; }
	.mb-toggled.mb-closed{ display: block; top: 17px; }
	.content-area{ padding: 40px 0 40px 0; }
	.align-right-img{ max-width: 250px !important; }
	.content-area .logo-area{ width: 100%; }
	.logo-area > a{ margin-bottom: 20px; }
	.mini-logo-cell{ padding-top: 20px; padding-bottom: 10px; }
	.gallery-box{ grid-gap: 15px; margin-bottom: 35px; }
	.gallery-sec .container{ max-width: 455px; }
	.footer-form form{ max-width: 100%; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {

	h1, .h1{ font-size: 28px; line-height: 36px; }
	h2, .h2{ font-size: 28px; line-height: 36px; }
	h3, .h3{ font-size: 24px; line-height: 32px; }
	h4, .h4{ font-size: 20px; line-height: 25px; }
	h5, .h5{ font-size: 16px; line-height: 20px; }
	h6, .h6{ font-size: 14px; line-height: 18px; }

	.container{ padding: 0 20px; box-sizing: border-box; }

	ul li{ font-size: 16px; line-height: 24px; }
	ol li{ font-size: 16px; line-height: 24px; }

	p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }

	header{ padding-top: 10px; padding-bottom: 3px; }
	.logo{ width: 400px; }
	.gallery-show-sec .container{ padding: 0 20px; box-sizing: border-box; }
	.gallery-show-inn{ flex-wrap: wrap; }
	.gallery-show-inn .gallery-cell{ width: 31.4%; height: 280px; margin: 0; }
	.gallery-show-sec{ padding-bottom: 40px; }
	.services-sec{ padding-top: 40px; padding-bottom: 40px;	}
	.services-sec h2{ margin-bottom: 25px; }
	.services-sec .center-text .text-link{ font-size: 22px; line-height: 32px; }
	.gallery-sec{ padding-top: 60px; }
	.gallery-sec .sec-title h1{ margin-bottom: 15px; }
	.info-sec .center-text{ padding-top: 0px; }
	.info-sec .center-text p{ margin-bottom: 10px; }
	.info-sec .center-div{ margin-bottom: 30px; }
	.info-sec{ padding-top: 40px; padding-bottom: 40px; }
	.gallery-slider-sec{ padding-top: 40px; padding-bottom: 40px; }
	.testimonial-sec .testimonial-slider .testimonial-cell .testimonial-text{ padding: 20px 20px; margin-bottom: 15px; }
	.testimonial-sec .testimonial-slider .testimonial-cell h4{ font-size: 16px; line-height: 20px; }
	.footer-tp{ padding-top: 35px; padding-bottom: 45px; }
	.footer-tp h3{ margin-bottom: 25px; }
	.footer-tp .tree-col .col-left p{ font-size: 16px; line-height: 25px; margin-bottom: 0; }
	.footer-form .form-title{ padding: 15px 10px; font-size: 18px; }
	.gallery-sec .sec-title{ padding-bottom: 20px; }
	.gallery-show-inn .gallery-cell:hover:after{ width: 32px; height: 32px; }
	.services-cell{ width: 31.9%; padding: 25px 25px; margin: 0; }
	.testimonial-sec{ padding: 40px 0 40px 0; }
	.testimonial-sec .testimonial-slider .testimonial-cell p{ font-size: 16px; line-height: 25px; margin-bottom: 0; }
	.footer-btm{ padding: 17px 0 20px 0; }
	.footer-tp .tree-col .col-left .center-box{ max-width: 200px; }
	.banner{ height: 500px; }
	.banner-slider{ height: 500px; }
	.banner-slider .item{ height: 500px; }
	.banner-slider-cell{ height: 500px; }
	.services-cell i{ font-size: 40px; }
	.services-inn{ grid-gap: 15px; margin-bottom: 20px; }
	.footer-tp .tree-col .col-left{ width: 31%; }
	.footer-tp .tree-col .col-mid{ width: 45%; }
	.footer-tp .tree-col .col-right{ width: 24%; }
	footer .logo-area{ width: 70%; margin: 0 auto;	}
	footer .logo-area .full-cell{ margin-bottom: 20px; }
	.footer-btm .two-col{ display: flex; flex-wrap: wrap; }
	.footer-btm .two-col .col-left{ width: 100%; text-align: center; margin-bottom: 10px; }
	.footer-btm .two-col .col-right{ width: 100%; align-items: center; justify-content: center; }
	.content-area{ padding: 40px 0 40px 0; }
	.align-right-img{ max-width: 300px !important; }
	.content-area .logo-area{ width: 100%; }
	.logo-area > a{ margin-bottom: 20px; }
	.mini-logo-cell{ padding-top: 20px; padding-bottom: 10px; }
	.gallery-sec .container{ max-width: 665px; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	

	h1, .h1{ font-size: 30px; line-height: 38px; }
	h2, .h2{ font-size: 30px; line-height: 38px; }
	h3, .h3{ font-size: 24px; line-height: 32px; }
	h4, .h4{ font-size: 22px; line-height: 28px; }
	h5, .h5{ font-size: 18px; line-height: 22px; }
	h6, .h6{ font-size: 16px; line-height: 20px; }

	.container{ padding: 0 20px; box-sizing: border-box; }

	ul li{ font-size: 16px; line-height: 24px; }
	ol li{ font-size: 16px; line-height: 24px; }

	p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }

	header{ padding-top: 10px; padding-bottom: 3px; }
	.logo{ width: 500px; }
	.gallery-show-sec .container{ padding: 0 20px; box-sizing: border-box; }
	.gallery-show-inn{ flex-wrap: wrap; }
	.gallery-show-inn .gallery-cell{ width: 31.9%; height: 340px; margin: 0; }
	.gallery-show-sec{ padding-bottom: 50px; }
	.services-sec{ padding-top: 50px; padding-bottom: 50px;	}
	.services-sec h2{ margin-bottom: 30px; }
	.services-sec .center-text .text-link{ font-size: 24px; line-height: 36px; }
	.gallery-sec{ padding-top: 80px; }
	.gallery-sec .sec-title h1{ margin-bottom: 15px; }
	.info-sec .center-text{ padding-top: 0px; }
	.info-sec .center-text p{ margin-bottom: 10px; }
	.info-sec .center-div{ margin-bottom: 30px; }
	.info-sec{ padding-top: 40px; padding-bottom: 40px; }
	.gallery-slider-sec{ padding-top: 40px; padding-bottom: 40px; }
	.testimonial-sec .testimonial-slider .testimonial-cell .testimonial-text{ padding: 20px 20px; margin-bottom: 15px; }
	.testimonial-sec .testimonial-slider .testimonial-cell h4{ font-size: 16px; line-height: 20px; }
	.footer-tp{ padding-top: 35px; padding-bottom: 45px; }
	.footer-tp h3{ margin-bottom: 25px; }
	.footer-tp .tree-col .col-left p{ font-size: 16px; line-height: 25px; margin-bottom: 0; }
	.footer-form .form-title{ padding: 15px 10px; font-size: 18px; }
	.gallery-sec .sec-title{ padding-bottom: 30px; }
	.gallery-show-inn .gallery-cell:hover:after{ width: 32px; height: 32px; }
	.services-cell{ width: 31.9%; padding: 25px 30px; margin: 0; }
	.testimonial-sec{ padding: 40px 0 40px 0; }
	.testimonial-sec .testimonial-slider .testimonial-cell p{ font-size: 16px; line-height: 25px; margin-bottom: 0; }
	.footer-tp .tree-col .col-mid{ width: 44%; }
	.footer-btm{ padding: 17px 0; }
	.footer-tp .tree-col .col-left .center-box{ max-width: 240px; }
	.content-area{ padding: 40px 0 40px 0; }
	.gallery-sec .container{ max-width: 875px; }
	.footer-form form{ max-width: 375px; }

}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1299px){	

	h1, .h1{ font-size: 34px; line-height: 42px; }
	h2, .h2{ font-size: 34px; line-height: 42px; }
	h3, .h3{ font-size: 28px; line-height: 36px; }
	h4, .h4{ font-size: 22px; line-height: 28px; }
	h5, .h5{ font-size: 18px; line-height: 22px; }
	h6, .h6{ font-size: 16px; line-height: 20px; }

	.container{ padding: 0 20px; box-sizing: border-box; }

	ul li{ font-size: 16px; line-height: 24px; }
	ol li{ font-size: 16px; line-height: 24px; }

	p{ font-size: 16px; line-height: 24px; margin-bottom: 20px; }
	
	header{ padding-top: 15px; padding-bottom: 10px; }
	.logo{ width: 600px; }
	.gallery-show-sec .container{ padding: 0 20px; box-sizing: border-box; }
	.gallery-show-inn{ flex-wrap: wrap; }
	.gallery-show-inn .gallery-cell{ width: 32.1%; height: 440px; margin: 0; }
	.gallery-show-sec{ padding-bottom: 50px; }
	.services-sec{ padding-top: 50px; padding-bottom: 50px;	}
	.services-sec h2{ margin-bottom: 30px; }
	.services-sec .center-text .text-link{ font-size: 30px; line-height: 42px; }
	.gallery-sec{ padding-top: 80px; }
	.gallery-sec .sec-title h1{ margin-bottom: 30px; }
	.info-sec .center-text{ padding-top: 0px; }
	.info-sec .center-text p{ margin-bottom: 20px; }
	.info-sec .center-div{ margin-bottom: 30px; }
	.info-sec{ padding-top: 50px; padding-bottom: 50px; }
	.gallery-slider-sec{ padding-top: 50px; padding-bottom: 50px; }
	.testimonial-sec .testimonial-slider .testimonial-cell .testimonial-text{ padding: 25px 25px; margin-bottom: 15px; }
	.testimonial-sec .testimonial-slider .testimonial-cell h4{ font-size: 16px; line-height: 20px; }
	.footer-tp{ padding-top: 50px; padding-bottom: 50px; }
	.footer-tp h3{ margin-bottom: 40px; }
	.footer-tp .tree-col .col-left p{ font-size: 18px; line-height: 28px; margin-bottom: 0; }
	.footer-form .form-title{ padding: 15px 10px; font-size: 18px; }
	.content-area{ padding: 40px 0 40px 0; }
	.gallery-sec .container{ max-width: 1085px; }
	.footer-tp .tree-col .col-left .center-box{ margin: 0 auto; }

}

@media (min-width:1300px) and (max-width:1440px) {	

	header{ padding-top: 30px; padding-bottom: 20px; }
	.logo{ width: 700px; }
	.gallery-show-sec .container{ padding: 0 20px; box-sizing: border-box; }
	.gallery-show-inn{ flex-wrap: wrap; }
	.gallery-show-inn .gallery-cell{ width: 32.3%; height: 485px; margin: 0; }
	.gallery-show-sec{ padding-bottom: 50px; }
	.services-sec{ padding-top: 70px; padding-bottom: 70px;	}
	.services-sec h2{ margin-bottom: 40px; }
	.services-sec .center-text .text-link{ font-size: 30px; line-height: 42px; }
	.content-area{ padding: 40px 0 40px 0; }

}