/* -----------------------------------------------------
	Responsive Styles
----------------------------------------------------- */

@media screen and (max-width:1599px) {

.about-us .content { flex: 0 0 65%; }
.about-us .img-block { flex: 0 0 35%; }
form .form-group { padding:0; }
.about-us .img-block { height: 400px; }
.about-us figure img { width: 55%; }
form .form-group .form-control { height: 40px; }
.contact-us ul li { margin-bottom: 20px; }
.navbar-nav { width: 380px; left:-400px; }

}

@media screen and (max-width:1399px) {

.about-us .img-block { height: 350px; }




}

@media screen and (max-width:1299px) {

h2 { font-size: 50px; line-height: 55px; }
.about-us .img-block { height: 340px; }
.contact-us .request { padding: 20px 47px 25px; }



}


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

h2 { font-size: 43px; }
h3 { font-size: 28px; line-height: 35px; }
h4 { font-size: 20px; line-height:25px; }
.about-us .img-block { height: 300px; }
.box figure { width: 115px; height: 115px; }
.box figure strong { width: 90px; height: 90px; }
.box figure img { width: 40px; }
.box h4 { margin-bottom: 10px; }
.contact-us .request { padding: 20px 25px 25px; }
.contact-us .touch { padding-top: 20px; }
header .navbar-nav li a { font-size: 35px; }
button.navbar__toggle.is-active { left: 300px; }


}

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

.btn.blue { padding: 12px 30px; }
.banner { padding: 120px 0 60px; }
.banner .content { opacity: 1; animation: fadeUp 1s ease both; padding: 40px 20px; /*display: block;*/ }
.banner .content figure { padding: 0 15px 0 0; }
.about-us .content { opacity:1; text-align:center; padding-right: 0; }
.about-us figure img { opacity:1; }
.services .box { opacity:1; }
.contact-us ul li i { opacity:1; }
.contact-us ul li h5 strong { opacity:1; }
.contact-us .request { opacity:1; }
.wraper { position:relative; }
footer { position:absolute; }
section { height: auto; min-height: 100%; display: block; }
header .navbar-nav li { padding: 0 25px; margin-bottom: 15px; }
header .navbar-nav li a { font-size: 30px; padding: 6px 10px; }
.navbar-nav { width: 350px; }
button.navbar__toggle.is-active { left: 270px; }
.about-us .about-block { display:block; }
.about-us aside { overflow:hidden; }
.about-us .img-block { height: 350px; max-width: 450px; margin: 0 auto 25px; }
.box { padding: 0 15px; margin: 0 1.3%; }
.services .modal { padding: 0 15px !important; }
.services .modal-dialog figure { width: 115px; height: 115px; }
.services .modal-dialog figure img { width:40px; }
.services .modal-dialog figure strong { width: 90px; height: 90px; }
.contact-us .touch { padding-top: 0; max-width: 400px; width: 100%; margin: 0 auto 30px; }
.contact-us .request { max-width: 500px; width: 100%; margin: 0 auto 70px; }


}

@media screen and (max-width: 767px) {

h2 { font-size: 38px; line-height:43px; }
h3 { font-size: 24px; line-height: 30px; }
section { padding: 50px 0 60px; }
.btn { font-size: 16px; padding: 12px 25px; }
p { font-size:16px; line-height:26px; }
.banner p { margin-bottom: 20px; }
.navbar__toggle.is-active .navicon::after, 
.navbar__toggle.is-active .navicon::before { width: 35px; }
header .navbar-nav li a { font-size: 25px; }
header .navbar-nav li { margin-bottom: 10px; }
header .phone { font-size: 21px; }
.about-us figure .img-2 { right: 0; }
.box { flex: 0 0 47%; margin: 0 1.5% 80px; }
.box:last-child { margin-bottom:30px; }
.contact-us ul li i { width: 50px; height: 50px; font-size: 22px; }
.contact-us ul li h5 { padding-left: 10px; margin:0; font-size:18px; }
.contact-us ul li h5 strong { margin-top: 2px; }
.contact-us ul li { margin-bottom: 15px; }
form .form-group .form-control { height: 35px; }
form .form-group textarea.form-control { height: 85px; }
form .btn.blue { padding: 11px 0; }
.contact-us .request { margin: 0 auto 100px; }


}

@media screen and (max-width: 599px) {

h2 { font-size: 33px; }
.banner .content { display:block; text-align:center; padding: 25px 15px 30px; }
.banner .content figure { max-width:250px; width:100%; margin:0 auto 15px; }
.navbar__toggle { left:0 !important; }
header .navbar__toggle { margin-right: 15px; }
header .phone i { margin-right: 2px; }
.banner .content .text-block { padding:0; }
.service-block { display:block; padding-top: 35px; }
.box { max-width:400px; width:100%; margin:0 auto 80px; }
.box figure { width: 100px; height: 100px; margin:0 auto; top: -45px; }
.box figure strong { width: 75px; height: 75px; }
.box figure img { width: 35px; }
.box h4 { margin-top: -30px; }
.services .modal-dialog { margin:0; }
.services .modal-dialog figure { width: 100px; height: 100px; }
.services .modal-dialog figure strong { width: 75px; height: 75px; }
.services .modal-dialog figure img { width: 35px; }
.services .modal-content { padding: 60px 20px 30px; }
.services .modal h3 { font-size: 20px; line-height: 25px; margin-bottom: 15px; }
.services .modal h4 { font-size: 17px; }
.services .modal p { margin-bottom: 15px; }
.services .modal-content { padding: 60px 15px 20px; }


}

@media screen and (max-width: 479px) {

header .logo { max-width: 150px; }
header .phone strong { display:none; }
header .phone { font-size: 25px; }
.about-us .img-block { height: 280px; max-width: 345px; }
.services .modal-content { padding: 60px 10px 20px; }
.services .modal-dialog figure { width: 90px; height: 90px; }
.services .modal-dialog figure strong { width: 65px; height: 65px; }
.services .modal-dialog figure img { width: 30px; }
.services .modal-content { padding: 45px 10px 20px; }
.contact-us .request { padding: 20px 15px 25px; }


}

@media screen and (max-width: 375px) {

.about-us .img-block { height: 230px; max-width: 290px; }


}