@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) {
h1 { font-size: 24px; line-height: 30px; }
h2 { font-size: 24px; line-height: 30px; }
h4 { font-size: 16px; line-height: 20px; }
a.btn { font-size: 13px; line-height: 13px; padding: 7px 18px 7px 18px; }
p{ font-size: 13px; line-height: 21px; margin-bottom: 15px; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ height: 30px; }

#wrapper { padding-top: 90px; }

ul li { font-size: 13px; line-height: 15px; }
.container { padding: 0 3%; box-sizing: border-box; }
.responsive-mb-icon{ display: block; }
header { width: 210px; height: 100%; left: -310px; top: 0; }
.mobile-menu { padding: 10px 3% 6px 3%; }
nav ul li { font-size: 12px; line-height: 14px; padding: 8px 15px; }
.side-address { padding: 20px 15px; }
.side-address h6 { font-size: 13px; line-height: 14px; font-weight: 600; letter-spacing: 4px; margin-bottom: 12px; }
.side-address ul li { font-size: 12px; line-height: 14px; padding-bottom: 10px; }
.side-menu { padding-top: 30px; margin-bottom: 20px; }
.side-address { padding: 0px 15px; }
.copy-right { font-size: 12px; line-height: 18px; }
.services-cell { margin-bottom: 30px; width: 100%; }
.mobile-menu{ display: block; }

.logo { width: 100px; }
.left-push { padding-top: 15px; }
.side-menu { padding-top: 15px; }
.banner-section{ height: 220px; }
.hinros-slider{ height: 220px; }
.hinros-slider .item{ height: 220px; }
.btn-mob-nav.open span:nth-child(1) { margin-top: 11px; }
.btn-mob-nav.open span:nth-child(1){ transform: rotate(45deg); margin-top: 14px; }
.btn-mob-nav.open span:nth-child(2){ transform: rotate(-45deg); margin-top: -9px; }
.btn-mob-nav.open span:nth-child(3){ display: none; }
.services-area .services-cell:last-child{ margin-bottom: 0; }
#content-area { padding: 0 0 0 0px; }
footer { padding: 25px 0px 25px 0px; }
footer .col-4.col-left { width: 100%; display: block; margin-bottom: 30px; text-align: center; }
footer .col-4.col-right { width: 65%; }
footer .col-4.col-mid { width: 35%; padding-left: 0; box-sizing: border-box; }
footer .col-4 ul li { padding-bottom: 15px; }
.footer-cell a { font-size: 13px; line-height: 15px; }
footer .footer-cell { margin-bottom: 15px; position: relative; padding-left: 25px; }
.footer-cell span { font-size: 13px; line-height: 15px; }
footer .footer-cell.address{ margin-bottom: 0; }
.inside-container { padding-left: 2%; width: 98%; max-width: 100%; }
.success-content { width: 100%; top: 5%; right: 0; padding: 0 3%; box-sizing: border-box; }
.inside-bg { padding: 25px 15px 25px 15px; box-sizing: border-box; }
.services-cell .service-img { height: 155px; margin-bottom: 15px; }
.success-area { height: 350px; }
.success-content h2 { margin-bottom: 5px; }
.big-title { bottom: 15px; font-size: 13vw; line-height: 13vw; }
.success-content p{ font-size: 13px; line-height: 20px; margin-bottom: 10px; }
.get-in-touch { padding: 15px 0 25px 0 }
.title { margin-bottom: 35px; }
.slick-prev, .slick-next{ width: 30px; height: 30px; }
.slick-next:before{ margin-left: 17px; font-size: 23px; left: -1px; top: 9px; }
.slick-prev:before{ margin-right: 23px; font-size: 23px; left: -14px; top: 9px; }
.slick-next { margin-right: 20px; }
.slick-prev { margin-left: 20px; }
.footer-logo { max-width: 100px; margin-bottom: 5px; }
.title { margin-bottom: 30px; }
.slick-dots { bottom: 0px; text-align: left; left: 0px; }
.slick-dots li{ margin: 0; }
.disc-cell { right: 9px; bottom: 15px; }

.inner-banner { height: 175px; }
.about-area { padding: 15px 0 10px 0; }

.cell-right { min-height: 170px; }
.two-side { padding: 20px 0 25px 0; }
.cell-left { padding-right: 20px; padding-top: 10px; margin-bottom: 15px; }
.side-cell h4{ margin-bottom: 10px; }
.side-cell p{ margin-bottom: 0; }
.two-side .side-view-cell:nth-child(even) .cell-left { padding-left: 0; }
.side-view-cell { margin-bottom: 30px; }

.side-cell{ background-image:none; width: 100%; padding: 0;  }
.side-cell img{ display: block; max-width: 100%; }

.contact-address { padding: 20px 0 25px 0; }
.contact-blog .left-cont { width: 100%; padding: 20px 15px 20px 15px; border-bottom: 0; }
.contact-blog .right-cont{ width: 100%; padding: 20px 15px; border-left: 2px solid #e4eaf0; }
.left-cont h4 { margin-bottom: 15px; }
.contact-cell h6 { margin-bottom: 7px; font-size: 16px; line-height: 22px; }
.contact-cell { margin-bottom: 20px; }
.contact-cell a { font-size: 14px; padding-left: 23px; }
.contact-cell span { font-size: 14px; }
.contact-cell .icon.icon-email { top: 1px; }
.contact-cell .icon.icon-mobile { top: -2px; }
.contact-cell .icon.icon-location{ top:2px; }
.right-cont h4 { margin-bottom: 20px; }
.right-cont form textarea { height: 85px; }
.right-cont .field-cell { margin-bottom: 15px; }
.right-cont .field-cell .btn { font-size: 13px; line-height: 13px; padding: 8px 21px 6px 21px; height: 33px; }
.right-cont form .field-cell:last-child{ margin-bottom: 0; }

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
h1 { font-size: 28px; line-height: 32px; }
h2 { font-size: 28px; line-height: 32px; }
h4 { font-size: 18px; line-height: 22px; }
a.btn { font-size: 13px; line-height: 13px; padding: 7px 18px 7px 18px; }
p{ font-size: 13px; line-height: 23px; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ height: 30px; }

#wrapper { padding-top: 89px; }

ul li { font-size: 14px; line-height: 16px; }
.container { padding: 0 2%; box-sizing: border-box; }
.responsive-mb-icon{ display: block; }
header { width: 210px; height: 100vh; left: -310px; top: 0; }
nav ul li { font-size: 12px; line-height: 14px; padding: 8px 15px; }
.side-address { padding: 20px 15px; }
.side-address h6 { font-size: 13px; line-height: 14px; font-weight: 600; letter-spacing: 4px; margin-bottom: 12px; }
.side-address ul li { font-size: 12px; line-height: 14px; padding-bottom: 10px; }
.side-menu { padding-top: 30px; margin-bottom: 33px; }
.side-address { padding: 0px 15px; }
.copy-right { font-size: 12px; line-height: 18px; }
.services-cell { margin-bottom: 25px; }
.logo { width: 100px; }
.left-push { padding-top: 15px; }
.side-menu { padding-top: 30px; }
.banner-section{ height: 400px; }
.hinros-slider{ height: 400px; }
.hinros-slider .item{ height: 400px; }
.mobile-menu{ display: block; }
.btn-mob-nav.open span:nth-child(1) { margin-top: 11px; }
.btn-mob-nav.open span:nth-child(1){ transform: rotate(45deg); margin-top: 14px; }
.btn-mob-nav.open span:nth-child(2){ transform: rotate(-45deg); margin-top: -9px; }
.btn-mob-nav.open span:nth-child(3){ display: none; }
#content-area { padding: 0 0 0 0px; }
footer { padding: 30px 0px 30px 0px; }
footer .col-4.col-left { width: 100%; display: block; margin-bottom: 30px; }
footer .col-4.col-right { width: 65%; }
footer .col-4.col-mid { width: 35%; padding-left: 0; box-sizing: border-box; }
footer .col-4 ul li { padding-bottom: 15px; }
.footer-cell a { font-size: 14px; line-height: 16px; }
footer .footer-cell { margin-bottom: 15px; position: relative; padding-left: 25px; }
.footer-cell span { font-size: 14px; line-height: 16px; }
footer .footer-cell.address{ margin-bottom: 0; }
.inside-container { padding-left: 3%; width: 97%; max-width: 100%; }
.success-content { width: 57vw; top: 7%; }
.inside-bg { padding: 30px 25px 10px 25px; box-sizing: border-box; }
.services-cell .service-img { height: 155px; margin-bottom: 10px; }
.success-area { height: 450px; }
.success-content h2 { margin-bottom: 15px; }
.big-title { bottom: 15px; }
.success-content p{ font-size: 13px; line-height: 23px; margin-bottom: 15px; }
.get-in-touch { padding: 30px 0 35px 0; }
.title { margin-bottom: 35px; }
.slick-prev, .slick-next{ width: 35px; height: 35px; }
.slick-next:before{ margin-left: 23px; font-size: 26px; left: -1px; top: 14px; }
.slick-prev:before{ margin-right: 23px; font-size: 26px; left: -17px; top: 14px; }
.slick-next { margin-right: 35px; }
.slick-prev { margin-left: 35px; }
.footer-logo { max-width: 100px; margin-bottom: 5px; }
.title { margin-bottom: 25px; }

.inner-banner { height: 250px; }
.about-area { padding: 25px 0 15px 0; }

.cell-right { min-height: 190px; }
.two-side { padding: 30px 0; }
.cell-left { padding-right: 20px; padding-top: 10px; }
.side-cell h4{ margin-bottom: 10px; }
.side-cell p{ margin-bottom: 0; }
.two-side .side-view-cell:nth-child(even) .cell-left { padding-left: 20px; }
.side-view-cell { margin-bottom: 30px; }

.contact-address { padding: 30px 0 30px 0; }
.contact-blog .left-cont { padding: 20px 15px 20px 15px; }
.right-cont { padding: 20px 15px; }
.left-cont h4 { margin-bottom: 25px; }
.contact-cell h6 { margin-bottom: 7px; font-size: 16px; line-height: 22px; }
.contact-cell { margin-bottom: 20px; }
.contact-cell a { font-size: 14px; padding-left: 23px; }
.contact-cell span { font-size: 14px; }
.contact-cell .icon.icon-email { top: 1px; }
.contact-cell .icon.icon-mobile { top: -2px; }
.contact-cell .icon.icon-location{ top:2px; }
.right-cont h4 { margin-bottom: 20px; }
.right-cont form textarea { height: 85px; }
.right-cont .field-cell { margin-bottom: 15px; }
.right-cont .field-cell .btn { font-size: 13px; line-height: 13px; padding: 8px 21px 6px 21px; height: 33px; }
.right-cont form .field-cell:last-child{ margin-bottom: 0; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
h1 { font-size: 30px; line-height: 34px; }
h2 { font-size: 30px; line-height: 34px; }
h4 { font-size: 20px; line-height: 24px; }
a.btn { padding: 8px 20px 8px 20px; }
p{ font-size: 14px; line-height: 24px; }
header { width: 100%; height: auto; position: absolute; top:0; left: 0;	}
header.show{ opacity: 0; }
header.sticky-menu { position: fixed !important; opacity: 1; box-shadow: 0 3px 26px -12px rgba(0,0,0,0.9); }
.container { max-width: 1170px; width: 100%; padding: 0 2%; box-sizing: border-box; }
#content-area { padding: 0 0 0 0px; margin-top: 102px; }
footer { padding: 35px 0px 35px 0px; }

.banner-section{ height: 500px; }
.hinros-slider{ height: 500px; }
.hinros-slider .item{ height: 500px; }

.left-push { padding-top: 0px; padding: 8px 2%; box-sizing: border-box; }
.logo-cell { display: inline-block; text-align: inherit; width: auto; }
.side-menu { display: inline-block; width: auto; padding-top: 35px; float: right; }
nav ul li { display: inline-block; width: auto; font-size: 13px; line-height: 15px; padding: 0px 20px;  border-bottom: none; }
.side-address, .copy-right{ display: none; }
.logo { width: 120px; }
nav ul li:first-child { border-top: none; }
nav ul li:last-child{ padding-right: 0; }
.inside-container { padding-left: 3%; width: 97%; max-width: 100%; }
.success-content { width: 50vw; top: 7%; }
.inside-bg { padding: 30px 25px 10px 25px; box-sizing: border-box; }
.services-cell .service-img { height: 210px; margin-bottom: 15px; }
.success-area { height: 500px; }
.big-title { bottom: 15px; }
.success-content p { margin-bottom: 15px; }
.success-content p{ font-size: 14px; line-height: 24px; }
.get-in-touch { padding: 30px 0 35px 0; }
.title { margin-bottom: 35px; }
.slick-prev, .slick-next{ width: 35px; height: 35px; }
.slick-next:before{ margin-left: 23px; font-size: 26px; left: -1px; top: 14px; }
.slick-prev:before{ margin-right: 23px; font-size: 26px; left: -17px; top: 14px; }
.slick-next { margin-right: 35px; }
.slick-prev { margin-left: 35px; }
.footer-logo { max-width: 120px; margin-bottom: 5px; }
footer .col-4.col-mid { width: 21%; padding-left: 34px; box-sizing: border-box; }

.inner-banner { height: 240px; }
.about-area { padding: 25px 0 20px 0; }
.title { margin-bottom: 35px; }

.cell-right { min-height: 250px; }
.two-side { padding: 40px 0; }
.cell-left { padding-right: 20px; padding-top: 20px; }
.side-cell h4{ margin-bottom: 15px; }
.side-cell p{ margin-bottom: 0; }
.two-side .side-view-cell:nth-child(even) .cell-left { padding-left: 20px; }

.contact-address { padding: 40px 0 45px 0; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {
header { width: 100%; height: auto;	position: relative; position: absolute; top: 0; left: 0; }
header.show{ opacity: 0; }
header.sticky-menu { position: fixed !important; opacity: 1; box-shadow: 0 3px 26px -12px rgba(0,0,0,0.9); }

.container { max-width: 1170px; width: 100%; padding: 0 2%; box-sizing: border-box; }
#content-area { padding: 0 0 0 0px; margin-top: 120px; }
footer { padding: 50px 0px 45px 0px; }

.banner-section{ height: 600px; }
.hinros-slider{ height: 600px; }
.hinros-slider .item{ height: 600px; }

.left-push { padding-top: 0px; padding: 10px 2% 5px 2%; box-sizing: border-box; }
.logo-cell { display: inline-block; text-align: inherit; width: auto; }
.side-menu { display: inline-block; width: auto; padding-top: 37px; float: right; }
nav ul li { display: inline-block; width: auto; font-size: 14px; line-height: 16px; padding: 10px 30px; border-bottom: none; }
.side-address, .copy-right{ display: none; }
.logo { width: 150px; }
nav ul li:first-child { border-top: none; }
nav ul li:last-child{ padding-right: 0; }
.inside-container { padding-left: 30px; width: 870px; max-width: 100%; }
.success-content { width: 45vw; }
.footer-logo { max-width: 150px; }

.about-area { padding: 35px 0 25px 0; }
.inner-banner { height: 410px; }

.cell-right { min-height: 280px; }

}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:1200px) and (max-width:1550px) {	
.container{ padding: 0 2%; box-sizing: border-box; }

}
@media (min-width:1200px) and (max-width:1350px) {	
	header { width: 270px; }
	#content-area { padding: 0 0 0 270px; }
	footer { padding: 50px 0px 45px 270px; }
	.side-address h6 { letter-spacing: 4px; }
	.footer-logo { max-width: 160px; }
	.inner-banner { height: 350px; }
	.about-area { padding: 60px 0 50px 0; }
}

@media (max-height: 560px) {
	.left-push{ padding-top: 15px; }
	.side-menu { padding-top: 10px; }
	nav ul li { padding: 6px 15px; }
	.side-menu { margin-bottom: 12px; }
	.copy-right { font-size: 10px; line-height: 10px; }
}

@media (min-width:800px) and (max-width:850px) {	
	.side-menu { padding-top: 28px; }
	}