@media (max-width: 1200px) {
section .home-box h1{ font-size:17px;}
footer .footer-contact ul li img{ max-width:34px;}

/* ----------------------------
	Inner Pages
-----------------------------*/
.inner-banner .inner-caption h1{ font-size:32px;}
}

@media (max-width: 980px) {
.header-area .logo{ width:100%; text-align:center;}
.header-area .logo img{ max-width:160px;}
.header-area .hed-top{ margin-top:14px; text-align:center;}
.header-area .hed-top .contact-hed{ text-align:center;}
.header-area .hed-top .contact-hed ul li{ margin:0px 15px;}
.header-area .hed-top .recruiter{ width:100%; text-align:center; margin-top:14px;}
.header-area .hed-top .recruiter a{ height:46px; line-height:46px;}
.header-area .hed-top .recruiter a .fa-arrow-left{ width:38px; height:30px; line-height:30px; font-size:14px;}

.main-banner{ min-height:400px;}
.main-banner .hero-caption{ width:300px;}
.main-banner .hero-caption .content-box{ padding:0px 26px;}
.main-banner .hero-caption h1{ font-size:36px; margin-bottom:12px;}
.main-banner .hero-caption p{ font-size:20px;}
.main-banner .hero-caption ul{ margin-top:12px;}
.main-banner .hero-caption ul li{ font-size:18px; line-height:36px;}

section .home-service-box{ margin:50px 0px;}
section .home-box{ margin:20px 0px;}
section .home-box h1{ font-size:20px;}

footer .footer-contact{ margin:24px 0px;}
footer .footer-contact ul li{ padding:0px 0px 0px 28px;}
footer .footer-contact ul, footer .footer-recruiter{ text-align:inherit;}
footer .social-footer{ text-align:inherit;}
footer .social-footer .social-icon ul li{ margin:0px 0px 0px 20px;}


/* ----------------------------
	Inner Pages
-----------------------------*/
.inner-main{ margin:50px 0px;}
.inner-banner .inner-caption h1{ font-size:28px;}
.about-content{ margin-bottom:40px;}
.about-content p{ font-size:16px; margin-bottom:14px;}
.about-content ul{margin-bottom:14px;}
.about-content ul li{ font-size:16px;}

.about-pic-bg .ab-pic1.mr-5{margin-right:2rem !important;}
.about-pic-bg .ab-pic1.mr-5 img{ max-width:350px;}
.about-pic-bg .ab-pic1{ width:100%; max-width:400px; display:inline-block;}
.about-pic-bg .ab-pic2.float-left{ float:left !important;}
.about-pic-bg .ab-pic2{ width:100%; max-width:450px;}
.about-pic-bg .ab-pic3{ width:100%; max-width:650px; float:left;}
.about-pic-bg .ab-pic1 img, .about-pic-bg .ab-pic2 img, .about-pic-bg .ab-pic3 img, .about-pic-bg .single-pic img{ width:100%}
.about-pic-bg.width-full{ width:400px;}
.about-pic-bg.width-full.mr-5{ margin-right:2rem !important;}


.contact-form p, .innerpage-form p{ max-width:100%;}
}


@media (max-width: 767px) {
.header-area .logo{ width:auto; float:left; text-align:left; margin-bottom:12px;}	
.header-area .hed-top{ display:none;}
	
.header-area.header-sticky .nav li a:hover,
.header-area.header-sticky .nav li a.active {color:#fd7802!important; opacity:1;}
.header-area {box-shadow:none;}
.header-area .menu-trigger {display:block !important;}
.header-area .main-nav {overflow:hidden; margin:0px;}
.header-area .main-nav .nav {float:none; width:100%; display:none; margin-left:0px; margin-top:0px;
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
.header-area .main-nav .nav li:first-child {border-top:1px solid #eee;}
.header-area .main-nav .nav li:last-child {width:100%; color:#fff;}
.header-area.header-sticky .nav {margin-top:80px !important;}
.header-area .main-nav .nav li {width:100%; background:#fff; border-bottom:1px solid #eee; border-left:0px; padding-left:0px !important; padding-right:0px !important;}
.header-area .main-nav .nav li a {height:50px !important; line-height:50px !important; padding:0px 20px !important; border:none !important; background:#f7f7f7 !important; color:#232d39 !important;}
.header-area .main-nav .nav li.submenu ul {position:relative; visibility:inherit; opacity:1; z-index:1; transform: translateY(0%); transition-delay:0s, 0s, 0.3s; top:0px; width:100%; box-shadow:none; height:0px; }
.header-area .main-nav .nav li.submenu ul li a {font-size:12px; font-weight:400;}
.header-area .main-nav .nav li.submenu ul li a:hover:before {width:0px;}
.header-area .main-nav .nav li.submenu ul.active {height:auto !important;}
.header-area .main-nav .nav li.submenu:after {color:#3B566E; right:25px; font-size:14px; top:15px;}
.header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {height:0px;}


.main-banner {min-height:350px;}
.main-banner .hero-caption{ width:300px; right:0px;}



/* ----------------------------
	Inner Pages
-----------------------------*/
.inner-banner .inner-caption h1{ font-size:24px;}

.about-pic-bg .ab-pic1{ width:100%; max-width:300px;}
.about-pic-bg .ab-pic2{ width:100%; max-width:350px;}
.about-pic-bg .ab-pic1.mr-5{margin-right:0rem !important;}
.about-pic-bg .ab-pic1.mr-5 img{ max-width:100%;}
.about-pic-bg.width-full{ width:100%;}
.about-pic-bg.width-full.mr-5{ margin-right:0rem !important;}
.about-pic-bg .single-pic{ margin-bottom:30px;}

}

@media (min-width: 767px) {
.header-area .main-nav .nav {display: flex !important;}

}

@media (max-width: 599px) {
.header-area .logo img{ max-width:140px;}
.header-area .hed-top .contact-hed ul li{ margin:0px 10px;}
.header-area .hed-top .contact-hed ul li, .header-area .hed-top .contact-hed ul li a{ font-size:16px;}
.main-banner{min-height:250px;}
.main-banner .hero-caption{ width:250px;}
.main-banner .hero-caption .content-box{ padding:0px 18px;}
.main-banner .hero-caption h1{ font-size:30px; margin-bottom:6px;}
.main-banner .hero-caption p{ font-size:16px; line-height:22px;}
.main-banner .hero-caption ul{ margin-top:8px;}
.main-banner .hero-caption ul li{ font-size:16px; line-height:26px;}
.main-banner .hero-caption ul li .fa{font-size:14px;}

footer .footer-link ul li a{ font-size:16px; line-height:26px;}
footer .footer-contact ul li, footer .footer-contact ul li a{font-size:16px;}
footer .footer-recruiter{ margin-top:16px;}
footer .footer-recruiter a{ font-size:18px;}
footer .social-footer .social-icon{ margin-top:16px;}


.box-shadow{ width:92%; margin:0px 4%;}

#popmake-184 p{ max-width:100%;}
}

@media (max-width: 479px) { 
.main-banner { min-height:230px;}
.main-banner .hero-caption{ width:200px;}
.main-banner .hero-caption .content-box{ padding:0px 8px;}
.main-banner .hero-caption h1{ font-size:24px;}
.main-banner .hero-caption p{ font-size:14px; line-height:16px;}
.main-banner .hero-caption ul li{ font-size:14px; line-height:20px;}
.main-banner .hero-caption ul li .fa{ font-size:12px; padding-left:6px;}

section .home-service-box{ margin:30px 0px;}
section .home-box h1{ font-size:18px;}

footer .footer-contact ul li{ line-height:32px; padding:0px 0px 0px 12px;}

/* ----------------------------
	Inner Pages
-----------------------------*/
.inner-main{ margin:30px 0px;}
.about-pic-bg.bg-right{ background-size:auto 90%;}
.inner-banner .inner-caption h1{ font-size:20px;}
.about-content h6{ font-size:16px;}
.about-content p{ font-size:14px; line-height:22px;}
.about-content ul li{ font-size:14px; line-height:22px;}
.about-pic-bg .ab-pic1{ max-width:200px;}
.about-pic-bg .ab-pic2{max-width:250px;}
.about-pic-bg .ab-pic1.mt-n5, .about-pic-bg .ab-pic2.mt-n5{ margin-top:-2rem !important;}
.about-pic-bg .ab-pic3.mt-5{ margin-top:2rem !important;}

.box-shadow{ width:90%; margin:0px 5%;}
.contact-form p, .innerpage-form p{ padding:0px;}

.innerpage-form .recruitheading .rechead{ padding:0px;}
.innerpage-form .recruitheading .recruitdetails{padding:0px;}

#popmake-184 p{ padding:0px;}
}