body, h1, h2, h3, h4, h5, h6 { font-family:Raleway; }
:root { --main-color:#F8CF2D; }
a, i { transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; }
ul { list-style:none; margin:0; padding:0; }
.medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-12 { padding:0 15px; }

header { background-color:#fff; left:0; position:fixed; top:0; transition:all 0.3s; width:100%; z-index:11; -webkit-transition:all 0.3s; }
header .grid-x, .apply-sec .medium-10 .grid-x { align-items:center; }
header .top-bar { background-color:transparent; }
header .top-bar ul { background:none; width:100%; }
header .top-bar ul li.active a, header .top-bar ul li a:hover { color:#000; }  
header .top-bar ul li .nav-link { color:#000; font-size:17px; font-weight:600; margin:0 2px; padding:25px 20px; text-transform:uppercase; }
header .title-bar .menu-icon:after { background:#000; box-shadow:0 7px 0 #000, 0 14px 0 #000; }
header .menu .menu { background-color:#fff; border:none; border-top:2px solid var(--main-color); box-shadow:0 0 2px #333; left:20px !important; width:185px; }
header .menu .menu a { color:#000; font-size:15px; padding:10px; }
header .menu .menu a:hover { background-color:#000; color:#fff; }

.call-btn { color:#000; font-family:open sans; font-size:18px; font-weight:bold; }
.call-btn i { background-color:#000; border:3px solid #ccc; border-radius:50%; color:#fff; height:37px; margin:0 5px 0 0; padding:7px 0 0; text-align:center; width:37px; }
.call-btn:hover { color:var(--main-color); }
.banner { padding:66px 0 0; }
.main .carousel { position:relative; }
.main .carousel-caption { bottom:0; display:flex; flex-direction:column; left:15%; justify-content:center; position:absolute; right:15%; text-align:left; top:0; }
.main h1 { color:#fff; font-size:55px; font-weight:900; line-height:1.1; margin:0; padding:38px 0; position:relative; text-transform:uppercase; }
.main h1::before, .main h3::before { border-top:3px solid var(--main-color); content:''; left:0; position:absolute; top:0; width:90px; }
.main h1 span { display:block; }
.read-btn, .now-btn { background-color:#fff; border:3px solid #fff; color:#000; display:inline-block; font-size:15px; font-weight:600; margin:0 10px 0 0; padding:9px 30px; text-transform:uppercase; }
.now-btn { background-color:transparent; border:3px solid var(--main-color); color:#fff; margin:0; }
.read-btn:hover, .now-btn:hover { background-color:var(--main-color); border:3px solid var(--main-color); color:#fff; }

.outer { background-color:#060606; padding:40px 0 0; }
.outer .grid-x > .medium-6 { align-self:center; }
.outer h2 { color:#fff; font-size:43px; font-weight:800; margin:0 0 10px; text-transform:uppercase; }
.outer p{color:#fff; font-size:22px; line-height:1.8; margin:0 0 15px; }
.outer img.outer-img {
    height: 300px;
}
.about-section p, .inner-about p { color:#fff; font-size:14px; line-height:1.8; margin:0 0 15px; }
.out-box { background-color:#fff; padding:25px; } 
.out-box h2 { color:#0D0D0D; font-size:32px; font-weight:900; line-height:1.1; margin:0 0 10px; position:relative; text-transform:uppercase; }
.out-box h2::before { border-top:25px solid var(--main-color); content:''; left:0; position:absolute; top:-37px; width:90px; }
.out-box p { color:#343434; font-size:14px; line-height:1.7; margin:0; }

.about-section { background-image:url(/assets/images/about-bg.jpg); background-position:bottom center; background-size:cover; padding:85px 0; }
.about-section h3, .inner-about h3 { color:var(--main-color); font-size:65px; font-weight:900; line-height:1.2; margin:0 0 15px; text-transform:uppercase; }
.about-section h3 span, .inner-about h3 span { color:#fff; font-size:79px; }
.about-section h4, .inner-about h4 { color:#fff; font-size:24px; font-weight:normal; margin:0; text-transform:uppercase; }
.cont-form div#fields-dropdown1-field { display: none; }
.our-section { background-image:url(/assets/images/our-img.png), url(/assets/images/our-bg.jpg); background-position:center right, top center; background-repeat:no-repeat; background-size:auto, cover; padding:90px 0 0; }
.our-section h3, .work-section h3, .about-txt h2 { color:#000; display:inline-block; font-size:48px; font-weight:900; line-height:1.1; margin:0 0 5px; position:relative; text-transform:uppercase; }
.our-section h3::before, .work-section h3::before, .about-txt h2::before { border-right:15px solid var(--main-color); content:''; height:50px; position:absolute; right:-50px; top:30px; }
.our-section h3 span, .team-section h3 span, .work-section h3 span { display:block; }
.our-section p, .work-box p { color:#343434; font-size:13px; line-height:1.7; margin:0; }
.our-section p span, .work-box p span { color:#000; display:block; font-size:24px; font-weight:900; padding:5px 0 12px; text-transform:uppercase; }
.our-box { background-color:#fff; border:1px solid #9A9A9A; box-shadow:0 4px 34px rgba(0,0,0,0.14); height:91%; margin:30px 0 0; padding:30px; }

.team-section { background-color:var(--main-color); margin:-65px 0 0; padding:120px 0 80px; }
.team-section .owl-item { padding:0 15px; }
.team-section .owl-prev, .team-section .owl-next { background-color:#000 !important; background-image:url(/assets/images/arrow.png) !important; background-position:center; background-repeat:no-repeat !important; font-size:0 !important; height:50px; left:-80px; padding:0 !important; position:absolute; top:40%; width:50px; }
.team-section .owl-next { background-image:url(/assets/images/arrow1.png) !important; left:auto; right:-80px; }
.team-section h3 { color:#fff; font-size:48px; font-weight:900; line-height:1.1; margin:0 0 32px 15px; text-shadow:0 4px 4px rgba(0,0,0,0.25); text-transform:uppercase; }
.team-box { background-color:#fff; box-shadow:0 4px 4px rgba(0,0,0,0.25); padding:24px 35px; }
.team-box p { color:#000; font-size:14px; font-weight:600; margin:0 0 5px; position:relative; }
.team-box p::before { border-top:22px solid var(--main-color); content:''; left:0; position:absolute; top:-34px; width:65px; }
.team-box span { display:block; font-size:20px; font-weight:900; text-transform:uppercase; }
.team-box a { color:#343434; font-size:14px; }
.team-box a:hover { color:var(--main-color); }
.team-box i { color:#000; margin:0 5px 0 0; }

.work-section { padding:50px 0; }
.work-section h3 { display:block; }
.work-section h3::before { right:0; }
.work-section .medium-8 p { color:#000; font-size:15px; line-height:1.7; margin:0; }
.work-section a {color:#f8cf2d;}
.work-section a:hover {color:black; text-decoration:underline;}
.work-box { background-image:url(/assets/images/work-bg.jpg); background-position:top center; background-size:cover; border:1px solid #A5A5A5; box-shadow:0 14px 34px rgba(0,0,0,0.15); height:90%; margin:40px 0 0; padding:25px 28px 35px; }
.work-box a, .form-section a { background-color:var(--main-color); color:#000; display:inline-block; font-size:14px; font-weight:900; margin:18px 0 0; padding:9px 25px; text-transform:uppercase; }
.work-box a:hover { background-color:#000; color:#fff; }

.form-section { background-color:#000; }
.form-section h3 { color:#fff; font-size:32px; font-weight:800; margin:35px 0 20px; text-align:center; text-transform:uppercase; }

.form-section .field input, .form-section .field select, .form-section .field textarea, .cont-form .field input, .cont-form .field select, .cont-form .field textarea { background-color:#fff; border:none; border-radius:0; box-shadow:none; color:#000; font-size:13px; margin:0 0 12px; height:46px; padding:10px; width:100%; }
.form-section .field input:focus, .cont-form .field input:focus { background-color:#fff; border:1px solid #A9A9A9; box-shadow:none; color:#000; }
.form-section .field input::-moz-placeholder, .form-section .field input::-webkit-input-placeholder, .cont-form .field input::-moz-placeholder, .cont-form .field input::-webkit-input-placeholder { background-color:#fff; color:#000; }
.form-section .field select, .cont-form .field select { background-image:url(/assets/images/arrow2.png); background-position:98%; background-repeat:no-repeat; -moz-appearance:none; -webkit-appearance:none; }
.form-section .field textarea, .cont-form .field textarea { height:auto; }
.form-section .fields .field #fields-phone1-country, .cont-form .fields .field #fields-phone1-country, .form-section .field .heading, .cont-form .field .heading { display:none; }
.form-section .submit { background-color:var(--main-color); margin:0 0 25px; }
.form-section .submit [type="submit"] { color:#000; cursor:pointer; display:block; font-size:16px; font-weight:800; padding:12px 0 10px; text-align:center; text-transform:uppercase; width:100%; }
.form-section .submit [type="submit"]:hover { background-color:#fff; }

footer { background-color:#0D0D0D; padding:45px 0 0; }
footer h3 { border-bottom:1px solid #253042; color:#fff; font-size:14px; letter-spacing:0.18px; margin:0 0 15px; padding:0 0 14px; }
footer p { color:#9e9e9e; font-size:13px; margin:0 0 12px; }
footer li { padding:0 0 7px; }
footer li i { color:#fff; float:left; margin:3px 0 0; }
footer li p { margin:0 0 0 25px; }
footer li a { color:#fff; font-size:13px; }
footer ul.footer-menu li a {text-transform: uppercase; }
footer li a:hover, .copy p a:hover, .cont-box p a:hover { color:var(--main-color); }
footer li a:hover{ text-decoration:underline; }
.app-btn { border:2px solid var(--main-color); color:#fff; display:inline-block; font-size:12px; font-weight:500; margin:25px 0 0; padding:6px 25px; }
.app-btn:hover { background-color:var(--main-color); color:#000; }

.copy { background-color:#fff; margin:20px 0 0; padding:12px 0; }
.copy p { color:#777; font-size:13px; margin:0; }
.copy p a { color:#000; }

/************************* about-us page CSS start here *************************/
.main h3 { color:#fff; font-size:55px; font-weight:900; margin:0; padding:20px 0 0; position:relative; text-transform:uppercase; }
.main p { color:#fff; font-size:28px; margin:0; }

.about-txt { padding:40px 0; }
.privacy-policy { padding:40px 0; }
.privacy-policy ul li { list-style: disc; padding-left: 0;}

.privacy-policy ul{ padding-left: 45px; padding-bottom: 15px;}
.sitemap { padding:40px 0; }
.sitemap ul li { list-style: none; padding-left: 0;padding: 5px 0;}
.about-txt h2::before { top:2px; }
.about-txt p { color:#343434; font-size:17px; margin:0 0 0 25px; }
.apply-sec { background-image:url(/assets/images/apply-bg.jpg); background-position:top center; background-size:cover; padding:30px 0; }
.apply-sec h3 { color:#fff; font-size:28px; font-weight:900; line-height:1.5; margin:0; text-transform:uppercase; }
.apply-sec a, .contact-sec .submit [type="submit"] { background-color:#000; color:#fff; display:block; font-size:14px; font-weight:900; margin:18px 0 0; padding:12px 0 10px; text-align:center; text-transform:uppercase; }
.apply-sec a:hover, .contact-sec .submit [type="submit"]:hover, .ser-text a:hover, .job-section a:hover, .career-pay h4 a:hover, .dot-btn:hover, .hiring-section .large-5 a:hover, .hiring-section #form2-form .submit button:hover { background-color:#fff; box-shadow:0 0 5px #999; color:#000; }
.view-details:hover{ background-color:#fff; box-shadow:0 0 5px #999; color:#000; }
.abt-our { padding-bottom:70px !important; }
.inner-about { padding:40px 0; }
.inner-about h3 span, .inner-about h4, .inner-about p { color:#000; }
.inner-about .medium-6:last-child { position:relative; }
.inner-about .medium-6:last-child::before { border-left:15px solid var(--main-color); content:''; height:45px; left:7px; position:absolute; top:15px; }
.abt-team { margin:0 !important; padding-top:45px !important; }

.what-section { background-color:#000; }
.what-section h3 { color:#fff; font-size:40px; font-weight:900; margin:0 0 20px; text-transform:uppercase; }
.what-section p { color:#fff; font-size:16px; line-height:1.8; margin:0; }

/************************* contact-us page CSS start here *************************/
.contact-sec { padding:55px 0; }
.cont-form { background-image:url(/assets/images/contact-bg.jpg); background-position:top center; background-size:cover; box-shadow:0 4px 27px rgba(0,0,0,0.17); height:100%; padding:45px; }
.cont-form form { width:100%; }
.contact-sec h2 { color:#000; font-size:20px; font-weight:600; margin:0; text-transform:uppercase; }
.contact-sec h2 span { color:var(--main-color); display:block; font-family:lato; font-size:42px; font-weight:bold; letter-spacing:2px; padding:12px 0 27px; }
.contact-sec h4 { color:#fff; font-family:lato; font-size:22px; font-weight:bold; margin:0 0 25px; text-transform:uppercase; }

.cont-form .field input, .cont-form .field select, .cont-form .field textarea, .hiring-section .box { border:1px solid #A9A9A9; box-shadow:0 4px 11px rgba(0,0,0,0.13); margin:0 0 16px; padding:12px 20px; width:100%; }
.contact-sec .submit [type="submit"] { cursor:pointer; display:inline-block; margin:0; padding:12px 40px; }
.cont-box { background-color:#181818; height:100%; padding:50px; }
.cont-box li { padding:0 0 20px; }
.cont-box i { color:#fff; float:left; font-size:20px; padding:6px 0 0; }
.cont-box p { color:#fff; font-size:18px; font-weight:600; margin:0 0 0 30px; }
.cont-box p a { color:#fff; }

/************************* services page CSS start here *************************/
.ser-txt p { font-size:24px; }
.services-sec { padding:40px 0; }
.services-sec h2, .services-sec-1 h3 { color:#000; font-size:32px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.services-sec p, .services-sec-1 p { color:#343434; font-size:14px; line-height:1.7; margin:0; }
.services-sec-1, .career-pay { background-color:#F2F2F2; padding:40px 0; }

.outer-ser { background-image:url(/assets/images/service-bg.jpg); background-position:top center; background-size:cover; padding:50px 0 35px; }
.ser-box { background-color:#fff; height:91.5%; margin:0 0 30px; padding:35px 30px; }
.ser-box h3 { color:#000; font-size:25px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.ser-box p, .services-work p { color:#343434; font-size:15px; line-height:1.7; margin:0; }
.ser-box p span { display:block; font-size:18px; font-weight:600; }

.services-work { background-image:url(/assets/images/our-img.png); background-position:right center; background-repeat:no-repeat; padding:60px 0; }
.services-work h3 { color:#000; font-size:36px; font-weight:900; line-height:1.3; margin:0 0 20px; text-transform:uppercase; }
.services-work ul, .career-section ul, .career-pay ul { padding:0 0 0 25px; }
.services-work li { color:#000; display:inline-block; font-size:18px; font-weight:600; padding:20px 50px 0 0; position:relative; text-transform:uppercase; }
.services-work li::before, .career-section li::before, .career-pay li::before { color:var(--main-color); content:"\f111"; font-family:fontAwesome; font-size:15px; left:-25px; margin:2px 0 0; position:absolute; }
.ser-text { align-items:center; background-color:#fff; border:4px solid #868686; display:flex; margin:45px 0 0; padding:18px 25px; }
.ser-text h4 { color:#000; font-size:20px; font-weight:900; line-height:1.5; margin:0 35px 0 0; text-transform:uppercase; }
.ser-text a, .job-section a { background-color:var(--main-color); color:#000; display:inline-block; font-size:20px; font-weight:900; height:50px; padding:10px 0; text-align:center; text-transform:uppercase; width:270px; }

.job-section { background-image:url(/assets/images/service-bg1.jpg); background-position:top center; background-size:cover; padding:45px 0 90px; }
.job-section h3 { color:var(--main-color); font-size:48px; font-weight:900; line-height:1.3; margin:0; text-transform:uppercase; }
.job-section p { color:#000; font-size:20px; line-height:1.7; margin:22px 0 30px; }
.job-section p span { display:block; font-weight:600; padding:15px 0 0; }
.job-section a { padding:10px 30px; width:auto; }
.job-section li, .hiring-section li { color:#000; font-size:20px; font-weight:600; padding:14px 0 0 18px; position:relative; }
.job-section li::before, .hiring-section li::before { color:#000; content:"\f111"; font-family:fontAwesome; font-size:4px; left:0; position:absolute; top:27px; }

/************************* career page CSS start here *************************/
.career-section { padding:50px 0; }
.career-section h2, .career-pay h3, .job-req h3 { color:#000; font-size:32px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.career-section h5{ color:#000; font-size:16px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.large-5.medium-6.small-12.dispatcher  h5{ color:#000; font-size:16px; font-weight:900; margin:0 0 15px; text-transform:uppercase; }
.career-section p { color:#343434; font-size:15px; line-height:1.7; margin:0 0 15px; }
.career-section li, .career-pay li { color:#343434; font-size:15px; /*font-weight:600;*/ padding:0 0 10px; position:relative; }
.career-pay h4 { color:#000; font-size:27px; font-weight:600; margin:0; text-align:center; }
.career-pay h4 a, .dot-btn { background-color:var(--main-color); color:#000; display:inline-block; font-family:open sans; font-size:26px; font-weight:800; margin:0 0 25px 25px; padding:12px 35px; text-transform:uppercase; }
.view-details { background-color:var(--main-color); color:#000; display:inline-block; font-family:open sans; font-size:20px; font-weight:800; margin:0; padding:12px 35px; text-transform:uppercase; }
.career-pay p { color:#000; font-size:19px; font-weight:600; line-height:1.6; margin:35px 0; }

.job-req { padding:70px 0; }
.job-req h3 { margin:0; }
.job-req h4 { color:#595959; font-size:25px; font-weight:600; margin:10px 0 25px; text-transform:uppercase; }
.job-box { border:4px solid #C4C4C4; padding:30px 20px; }
.job-box li { color:#000; font-size:20px; font-weight:600; padding:0 0 20px; }

.hiring-section { background-image:url(/assets/images/career-bg.jpg); background-position:top center; background-size:cover; padding:20px 0 55px; }
.hiring-section .large-10 { text-align:center; }
.hiring-section h3 { color:var(--main-color); font-size:45px; font-weight:900; margin:0; text-transform:uppercase; }
.hiring-section h4 { color:#000; font-size:25px; font-weight:900; margin:80px 0 25px; text-align:left; text-transform:uppercase; }
.hiring-section p { color:#000; font-size:20px; line-height:1.7; margin:18px 0 35px; }
.hiring-section ul { border:3px solid #868686; padding:17px 28px; }
.hiring-section li { display:inline-block; vertical-align:top; width:49%; }
.hiring-section .large-5 a, .hiring-section #form2-form .submit button { background-color:var(--main-color); color:#000; cursor:pointer; display:block; font-size:14px; font-weight:900; margin:0 0 15px; padding:12px 0 10px; text-align:center; text-transform:uppercase; width:100%; }
.hiring-section .brow-btn { display:none; }
.hiring-section label { background-color:#000; color:#fff; cursor:pointer; display:inline-block; font-size:14px; font-weight:bold; margin:0 0 15px; padding:10px 18px; text-transform:uppercase; }
.hiring-section label i { padding:0 10px 0 0; }
.thank-you { text-align: left; margin: 50px 0; }
.thank-you h2 { font-weight: bold;} 
.privacy-policy h2 { font-size: 1.5625rem; } 
.privacy-policy.benefits h2 { color: #000; font-size:32px; font-weight:900; margin:0 0 15px; text-align:center; text-transform:uppercase; }
.sitemap .footer-menu { background-color:#f1f1f1; padding:10px 15px; }
.sitemap .footer-menu li { border-bottom:1px solid #ccc; padding:0; display:block; }
.sitemap ul.footer-menu li { display: block !important; }
.sitemap ul.footer-menu ul.menu.vertical li:nth-child(1){display:none !important;}
.sitemap ul.footer-menu ul.menu.vertical { padding: 0 20px; }
.sitemap .footer-menu li:nth-child(4), .sitemap .footer-menu li:nth-child(6), .sitemap .footer-menu li:nth-child(8), .sitemap .footer-menu li:nth-child(10), .sitemap .footer-menu li:nth-child(12), .sitemap .footer-menu li:nth-child(14), .sitemap .footer-menu li:nth-child(16) { display:none; }
.sitemap .footer-menu li .menu.vertical li { padding:0; }
.sitemap .footer-menu li .menu.vertical a { border-bottom:1px solid #ccc; font-size:12px; }
.sitemap .footer-menu li:last-child, .sitemap .footer-menu li .menu.vertical a:last-child { border-bottom:none; }
.sitemap .footer-menu li a { color:#000; display:block; font-size:14px; padding:6px 12px; }
.sitemap .footer-menu li a:hover { background-color:#000; color:var(--main-color); } 
.hiring-section select.box { height:44px; padding:5px 20px; }
ul.footer-menu li:nth-child(3), ul.footer-menu li:nth-child(5), ul.footer-menu li:nth-child(7), ul.footer-menu li:nth-child(9),ul.footer-menu li:nth-child(10), ul.footer-menu li:nth-child(10), ul.footer-menu li:nth-child(11), ul.footer-menu li:nth-child(13), ul.footer-menu li:nth-child(14), ul.footer-menu li:nth-child(15),ul.footer-menu li:nth-child(16),ul.footer-menu li:nth-child(17){ display:none; }
.sitemap ul.footer-menu li:nth-child(17){ display:none !important; }
.hiring-section #form2-form { width:100%; }
form#form2-form .field .heading { display:none; }
div#fields-fileUpload1-field .heading, div#fields-fileUpload2-field .heading { display:block !important; }
.dropdown.menu>li.is-active>a { background:0 0; color:#000; }
.phone2-wrapper select { display: none; }

/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767px){	
header { padding:6px 0; }
header .small-4 { order:3; }
header .small-8 { order:2; }
header .small-12 { order:1; padding:0 0 7px; text-align:center; }
header .title-bar { background:#fff; float:right; }
.logo { width:160px; }
#header { background-color:#fff; left:0; padding:15px; position:absolute; right:0; top:110px; }
header .top-bar .top-bar-left { justify-content:center; }
header .menu .menu { left:0 !important; width:100%; }
header .is-drilldown { width:100%; }
header .top-bar ul li.active a, header .top-bar ul li a:hover { background-color:transparent; color:var(--main-color); }
header .top-bar ul li .nav-link { margin:0; padding:9px 0; }
.banner { padding:117px 0 0; } 
.main .carousel img { height:60vh; object-fit:cover; }
.main .carousel-caption { left:15px; right:15px; }
.main h1, .main h3 { font-size:38px; line-height:1.2; padding:10px 0; }
.read-btn, .now-btn { font-size:13px; padding:7px 17px; }
.outer .medium-10, .our-section .medium-10, .team-section .medium-10, .work-section .medium-10, .form-section .medium-5 .medium-6, .about-txt .medium-10, .apply-sec .medium-10:first-child, .inner-about .medium-10, .contact-sec .medium-7 .medium-6, .services-sec .medium-6, .services-sec-1 .medium-6, .hiring-section .large-5 .medium-6 { padding:0; }
.outer h2 { font-size:28px; margin:20px 0 10px; }
.out-box, .form-section a { margin:0 0 20px; }
.about-section { padding:20px 0; }
.about-section h3, .inner-about h3 { font-size:48px; }
.about-section h3 span, .inner-about h3 span { font-size:55px; }
.our-section { padding:40px 0 0; }
.our-section h3, .work-section h3, .about-txt h2 { font-size:35px; margin:0; }
.our-box, .work-box { height:auto; margin:30px 0 0; }
.team-section { margin:-40px 0 0; padding:80px 0 35px; }
.team-section .owl-prev { left:0; }	
.team-section .owl-next { right:0; }
.form-section h3 { font-size:26px; }
footer img { margin:0 0 20px; }
.copy p { text-align:center; }

/************************* about-us page media start here *************************/
.main p, .career-pay h4 { font-size:20px; }
.about-txt h2::before { right:-45px; }
.about-txt p { font-size:14px; margin:25px 0 0; }
.apply-sec h3 { font-size:22px; font-weight:bold; }
.apply-sec a { margin:18px auto 0; width:150px; }
.what-section p { font-size:14px; margin:0 0 25px; }
.what-section h3 { font-size:30px; margin:30px 0 10px; }
.team-section h3 { font-size:36px; }

/************************* contact-us page media start here *************************/
.cont-form { height:auto; margin:0 0 25px; padding:25px 15px; }
.contact-sec h2 span { font-size:24px; letter-spacing:0; padding:8px 0 22px; }
.cont-box { height:auto; padding:30px 15px; }

/************************* services page media start here *************************/
.ser-txt p, .hiring-section p { font-size:16px; }
.services-sec h2, .services-sec-1 h3 { font-size:23px; margin:12px 0 10px; }
.services-sec p, .services-sec-1 p { font-size:13px; margin:0 0 15px; }
.ser-box { height:auto; margin:0 0 20px; padding:25px 20px; }
.ser-box h3 { font-size:24px; }
.services-work { background-image:none; }
.services-work h3 { font-size:30px; }
.services-work li { padding:10px 50px 10px 0; }
.ser-text { display:block; padding:18px; }
.ser-text h4 { font-size:18px; font-weight:800; margin:0 0 15px; }
.ser-text a, .job-section a { padding:10px 30px; width:auto; }
.job-section { padding:0 0 40px; }
.job-section h3, .job-req h3, .hiring-section h3 { font-size:28px; font-weight:800; }
.job-section p, .job-section li { font-size:17px; }

/************************* career page media start here *************************/
.career-pay p { font-size:14px; margin:35px 0 10px; }
.career-pay h4 a, .dot-btn { font-size:18px; margin:10px 0 0; padding:8px 15px; }
.job-req h4 { font-size:19px; }
.job-box li { font-size:15px; padding:0 0 10px; }
.hiring-section label { font-size:13px; padding:10px 13px; }
.hiring-section li { font-size:15px; padding:6px 0 0 20px; width:auto; }
.hiring-section li::before { top:15px; }
}

@media (min-width:480px) and (max-width:767px){
footer .grid-x .small-12 { width:50%; }
}

@media (min-width:640px) and (max-width:767px){
#header { padding:2px 0; position:relative;top:auto; }
header .top-bar ul li .nav-link { font-size:16px; padding:14px 8px; }
header .menu .menu { left:8px !important; width:175px; }
.grid-x .medium-3, .grid-x .medium-4, .grid-x .medium-5, .grid-x .medium-6, .grid-x .medium-7, .grid-x .medium-8, .grid-x .medium-10, .grid-x .medium-12 { width:100%; }
.banner { padding:100px 0 0; }
}

@media (min-width:768px){
header .top-bar { float:right; padding:0; }	
header .top-bar ul li.active .nav-link, header .top-bar ul li .nav-link:hover { background-color:#000; color:var(--main-color); }
header .top-bar ul li.active .nav-link::after, header .top-bar ul li .nav-link:hover::after { border-color:var(--main-color) transparent transparent !important; }
header .menu .menu li:first-child { display:none; }
.outer .medium-4 { margin:-115px 0 0; z-index:1; }
.about-section .container, .form-section .container, .what-section .container { max-width:100%; }
.about-section .medium-5, .about-txt .medium-4, .what-section .medium-5 { align-self:center; }
.about-section .medium-6, .form-section .medium-6, .what-section .medium-6, .contact-sec .medium-7 .medium-6, .hiring-section .large-5 .medium-6 { padding-right:0; }
.form-section .medium-5 .medium-6:first-child, .contact-sec .medium-7 .medium-6:first-child, .contact-sec .medium-7 .medium-6:nth-child(3), .hiring-section .large-5 .medium-6:first-child, .hiring-section .large-5 .medium-6:nth-child(3) { padding-left:0; }
.copy .medium-6:last-child { text-align:right; }
.form-section .fields .field, .hiring-section .fields .field:first-child, .hiring-section .fields .field:nth-child(2) { display:inline-block; width:49.4%; }
.form-section .fields .field:nth-child(5) { width:100%; } 
.form-section .fields .field:first-child, .form-section .fields .field:nth-child(3), .hiring-section .fields .field:first-child { padding:0 8px 0 0; }

/************************* about-us page media start here *************************/
.contact-sec .medium-7 { padding-right:0; }
.contact-sec .medium-5 { padding-left:0; }
}

@media (min-width:640px) and (max-width:1023px){
header .top-bar { display:table; float:none; margin:0 auto; padding:0; text-align:center; }
header .grid-x .medium-2, header .grid-x .medium-3 { order:1; padding-right:15px !important; width:50%; }
header .grid-x .medium-7 { order:3; width:100%; }
header .small-12 { text-align:right; }
}

@media (min-width:768px) and (max-width:991px){
header .top-bar ul li .nav-link { font-size:16px; margin:0; padding:22px 5px; }	 
header .menu .menu a { font-size:13px; } 
header .menu .menu { left:5px !important; width:155px; }
.banner { padding:135px 0 0; }
.main h1 { font-size:38px; padding:18px 0 7px; }
.outer .medium-10, .our-section .medium-10, .team-section .medium-10, .work-section .medium-10, .about-txt .medium-10, .apply-sec .medium-10, .apply-sec .medium-2, .inner-about .medium-10, .services-sec .medium-10, .services-sec-1 .medium-10 { width:100%; }
.outer .medium-4 { margin:-35px 0 0; }
.out-box h2 { font-size:27px; line-height:1.2; }
.about-section h3, .inner-about h3 { font-size:48px; }
.about-section h3 span, .inner-about h3 span { font-size:55px; }
.about-section p { font-size:13px; }
.our-section h3, .work-section h3, .job-section h3 { font-size:40px; }
.our-box { padding:18px; }
.our-section p span, .work-box p span { font-size:20px; padding:8px 0 4px; }
.team-box { padding:15px; }
.form-section h3, .services-work h3 { font-size:26px; }
.form-section .fields .field { width:49.2%; }

/************************* about-us page media start here *************************/
.main h3, .about-txt h2, .about-txt h2 { font-size:38px; }
.main p, .hiring-section li { font-size:18px; width:auto; }
.career-pay h4 { font-size:22px; }
.apply-sec h3 { font-size:24px; }
.apply-sec a { margin:18px auto 0; width:150px; }
.what-section h3 { font-size:32px; margin:15px 0 5px; }
.what-section p { font-size:14px; margin:0 0 20px; }

/************************* contact-us page media start here *************************/
.contact-sec h2 span { font-size:32px; letter-spacing:0; padding:10px 0 20px; }
.cont-box { padding:30px 20px; }

/************************* services page media start here *************************/
.ser-txt p { font-size:15px; }
.services-sec h2, .services-sec-1 h3 { font-size:27px; margin:0 0 10px; }

/************************* career page media start here *************************/
.career-section h2, .career-pay h3, .job-req h3 { font-size:26px; margin:0 0 7px; }
.career-section p, .career-section li, .career-pay li { font-size:13px; padding:0 0 8px; }
.career-pay h4 a, .dot-btn { font-size:18px; padding:10px 20px; }
.hiring-section h3 { font-size:35px; }
.hiring-section p { font-size:17px; }
}

@media (min-width:768px) and (max-width:1239px){
.team-section .owl-prev { left:-10px; }	
.team-section .owl-next { right:-10px; }
.form-section { padding:0 0 40px; }
}

@media (min-width:992px) and (max-width:1199px){
header .top-bar ul li .nav-link { font-size:16px; padding:25px 8px; }  
header .menu .menu { left:8px !important; }	
header .large-2:last-child { padding:0; }
.main h1 { font-size:48px; padding:20px 0 15px; }	
.main p { font-size:25px; }
.outer .medium-4 { margin:-50px 0 0; }
.about-section h3, .inner-about h3 { font-size:58px; }
.about-section h3 span, .inner-about h3 span { font-size:72px; }

/************************* about-us page media start here *************************/
.our-section h3, .work-section h3, .about-txt h2, .job-section h3{ font-size:40px; }
.apply-sec h3 { font-size:23px; }

/************************* contact-us page media start here *************************/
.contact-sec h2 span { font-size:36px; letter-spacing:0; }

/************************* services page media start here *************************/
.ser-txt p { font-size:19px; }

/************************* career page media start here *************************/
.career-section h2, .career-pay h3, .job-req h3 { font-size:28px; }
.career-section p, .career-section li, .career-pay li { font-size:13px; }
.career-pay h4 a, .dot-btn { font-size:18px; padding:10px 20px; }
}

@media (min-width:1240px) and (max-width:1300px){
.team-section .owl-prev { left:-10px; }	
.team-section .owl-next { right:-10px; }
}

@media (min-width:1240px){
.container { margin:0 auto; max-width:1220px; }
}

.home-contact-form .home-form-name {
    width:99.4% !important;
}
.home-contact-form .home-form-message {
    width:99.4% !important;
}
@media (min-width: 768px)
{
    .home-contact-form .home-form-name {
        padding:0px !important;
    }
    .home-contact-form .home-form-message {
        padding:0px !important;
    }
    .home-contact-form .home-form-email{
        padding:0px !important;
    }
}