/* 
Theme Name:		 Arning Main Website
Theme URI:		 https://www.e-visualizers.com/
Description:	 Arning Co is a child theme of Bootstrap Basic4. It is a clean, minimal and responsive WordPress theme.
Author:			 Evisualizers Infotech
Author URI:		 https://www.e-visualizers.com/
Template:		 bootstrap-basic4
Version:		 1.0.0
Text Domain:	 Arning-Co
*/
html { scroll-behavior:smooth;}
body{ font-family:'Poppins',sans-serif; font-size:16px; color:#000; background:#fff; margin:0; padding:0; scroll-margin-top:0;}
a, a:hover, a:active, a:focus, button {outline:0 !important; text-decoration:none; transition:all 0.3s ease; -moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
b, strong {font-weight:600;}
a, .btn, .btn:focus, .btn:active { box-shadow:none !important;}
a, a:hover{ color:#ed8b30;}

p:empty { display:none;}

h1{font-family:'Poppins',sans-serif; font-size:44px; color:#000; text-transform:uppercase; margin:0; padding:0; font-weight:700;}
h2{font-family:'Poppins',sans-serif; font-size:32px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:700;}
h3{font-family:'Poppins',sans-serif; font-size:24px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h4{font-family:'Poppins',sans-serif; font-size:22px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h5{font-family:'Poppins',sans-serif; font-size:20px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
h6{font-family:'Poppins',sans-serif; font-size:18px; color:#000; text-transform:capitalize; margin:0; padding:0; font-weight:600;}
p{font-family:'Poppins',sans-serif; font-size:16px; font-weight:400; line-height:1.7; word-break:keep-all;}
h1 span{ color:#C3862B;}

header{ position:relative; background:#FFFFFF; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}
.sticky { position:fixed; top:0; width:100%; background:#FFFFFF; z-index:9999;}

header .topHead{ background:#000; padding:16px 0; font-size:15px; color:#fff; font-weight:500;}
header .topHead .rightPart{ text-align: right;}
header .topHead .rightPart ul{ margin:0; padding:0;}
header .topHead .rightPart ul li {list-style:none; display:inline-block;}
header .topHead .rightPart ul li a {text-decoration:none; text-transform:uppercase; color:#fff; padding:0 0 0 26px;}
header .toplogo { padding:20px 15px;}
header .menupart { width:100%; display:flex; border-top:solid #ebebeb 1px;}

.heroPart{ padding:240px 0 35px 0; background-size:cover; text-align:center;}
.heroPart h1{ font-size:56px; color:#fff;}
.heroPart p{ color:#fff; padding:15px 0;}
.heroPart .btn-warning{ background:#C3862B; text-transform:uppercase; font-size:16px; font-weight:500; padding:5px 5px 5px 40px; color:#fff; border-radius:50px; border:0; margin:0 6px 15px;} 
.heroPart .btn-warning .fa{ background:#fff; width:44px; height:44px; line-height:44px; margin-left:6px; border-radius:100%; color:#C3862B;}
.heroPart .btn-warning:hover{ background:#C3862B !important; color:#fff !important;}
.heroPart .botmPart{ padding:200px 0 0;}
.heroPart .botmPart h2{font-size:40px; font-weight:800; text-transform:uppercase; color:#fff;}
.heroPart .botmPart h2 img{padding:0 20px;}

.differencePart{ padding:70px 0;}
.differencePart h2{ text-transform:uppercase;}
.differencePart h2 span{ color:#C3862B;}
.differencePart p{ font-size:17px; padding:16px 0 0; line-height:1.7;}
.differencePart .videoPart { position:relative; border-radius:15px; overflow:hidden; text-align:center; margin-top:10px;}
.differencePart .videoPart video {width:100%; height:auto; border-radius:15px; border:solid #dfdfdf 2px;}
.differencePart .videoPart video[poster]{height:100%; width:100%; object-fit:cover;}

.welcomePart{ background:#f4f4f5; padding:80px 0; overflow:hidden;}
.welcomePart p{ font-size:15px;}
.welcomePart p span{ font-size:17px; line-height:1.6;}
.welcomePart p span strong{ font-size:20px;}
.welcomePart .imgPart{ padding:0 0 0 10px; position:relative; }
.welcomePart .imgPart img{ border-radius:20px; position:relative;}
.welcomePart .imgPart::before { content: ""; width:155px; height:120px; background:#C3862B; border-radius:16px; position:absolute; right:-35px; top:-20px;}
.welcomePart .imgPart::after { content: ""; background:url(images/blackline.png) no-repeat; width:318px; height:324px; position:absolute; left:-8px; bottom:-16px; z-index:2;}

.visionPart{ margin-top:90px; text-align:center;}
.visionPart .boxVision{ margin:0 8px; background:#fff; padding:70px 20px 30px 20px; border-radius:15px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); height:100%;}
.visionPart .boxVision::after{content: ""; background:url(images/goldenBoxbg.png) no-repeat; width:213px; height:217px; position:absolute; left:4px; top:-21px;}
.visionPart .boxVision h3{ padding:15px 0 10px; text-transform:uppercase;}
.visionPart .boxVision p{ font-size:14px;}
.visionPart .boxVision span{ font-size:12px; font-weight:600; text-transform:uppercase; color:#C3862B; padding-bottom:6px; display:block;}

.numbersPart{ background:url(images/numbers-bg.jpg) center top no-repeat; background-size:cover; padding:120px 0 80px; text-align:center;}
.numbersPart h1{ margin-bottom:40px;}
.numbersPart .numberBox{ margin:10px 0 15px;}
.numbersPart .numberBox h2{ font-size:42px; line-height:1.5; color:#C3862B; font-weight:700; margin-bottom:10px; text-transform:uppercase;}
.numbersPart .numberBox h2 span{ font-size:18px; text-transform:uppercase; font-weight:600; display:block; color:#000;}
.numbersPart .numberBox h2 small{ font-size:24px; font-weight:600;}

.servePart{ padding:70px 0 80px; text-align:center; scroll-margin-top:170px;}
.serve-card {width:100%; height:400px; perspective: 1000px; margin:20px 0 4px; border-radius:15px; overflow:hidden;}
.serve-card-inner { position:relative; width:100%; height:100%; text-align:center; transition: transform 0.8s; transform-style: preserve-3d;}
.serve-card:hover .serve-card-inner { transform: rotateY(180deg);}
.serve-card-front, .serve-card-back { position:absolute; width:100%; height:100%; backface-visibility:hidden; }
.serve-card-front .img{ height:400px; width:100%; position:relative; }
.serve-card-front .img h4{ position:absolute; background:#C3862B; left:0; bottom:0; right:0; padding:14px; color:#fff; text-transform:uppercase;}
.serve-card-back { background:#000; color:#fff; transform:rotateY(180deg); padding:40px 30px;}

.mapPart{ background:#edeeef; padding:65px 0; text-align:center;}

.culturePart{ padding:90px 0; overflow:hidden;}
.culturePart p{ font-size:15px;}
.culturePart .imgPart{ padding:0 10px 0 0; position:relative; }
.culturePart .imgPart img{ border-radius:20px; position:relative;}
.culturePart .imgPart::before { content: ""; width:155px; height:120px; background:#000; border-radius:16px; position:absolute; left:-35px; bottom:-20px;}
.culturePart .imgPart::after { content: ""; background:url(images/goldenline.png) no-repeat; width:318px; height:324px; position:absolute; right:-6px; top:-14px; z-index:2;}

.servicesPart{ padding:40px 0; text-align:center;}
.services-card {width:100%; height:320px; perspective:1000px; text-align:center; margin:24px 0 16px;}
.services-card-inner { position:relative; width:100%; height:100%; transition:transform 0.6s; transform-style: preserve-3d; box-shadow:0 0 12px 0 rgba(0,0,0,0.2); border-radius:12px;}
.services-card:hover .services-card-inner { transform: rotateY(180deg);}
.services-card-front {background-color:#fff; height:100%; padding:8px; border-radius:12px; position:relative;}
.services-card-front h5{ padding:24px 0 0; line-height:1.3;}
.services-card-front, .services-card-back { position:absolute; width:100%; height:100%; backface-visibility:hidden; }
.services-card-front .img{ height:200px; width:100%; border-radius:12px;}
.services-card-front .fa{ position:absolute; top:195px; right:26px; font-size:26px; background:#fff; border-radius:100%; color:#c5872a;}
.services-card-back { background:#000; color:#fff; transform:rotateY(180deg); padding:20px 15px; border-radius:12px;}
.services-card-back p{ font-size:14px; padding-top:6px; line-height:1.7;}

.proactivePart{ background:#f4f4f5; padding:80px 0; overflow:hidden;}
.proactivePart p{ font-size:15px;}
.proactivePart .imgPart{ padding:0 0 0 10px; position:relative; }
.proactivePart .imgPart img{ border-radius:20px; position:relative;}
.proactivePart .imgPart::before { content: ""; width:155px; height:120px; background:#C3862B; border-radius:16px; position:absolute; right:-35px; top:-20px;}
.proactivePart .imgPart::after { content: ""; background:url(images/blackline.png) no-repeat; width:318px; height:324px; position:absolute; left:-8px; bottom:-16px; z-index:2;}

.divisionPart{ padding:80px 0 70px;}
.divisionPart .boxDivision{margin-bottom:26px;}
.divisionPart .boxDivision img{ border-radius:15px; margin-bottom:26px;}
.divisionPart .boxDivision .btn-warning{ background:#C3862B; text-transform:uppercase; font-size:16px; font-weight:500; padding:5px 5px 5px 40px; color:#fff; border-radius:50px; border:0; margin:10px 0 0;} 
.divisionPart .boxDivision .btn-warning .fa{ background:#fff; width:44px; height:44px; line-height:44px; margin-left:6px; border-radius:100%; color:#C3862B;}
.divisionPart .boxDivision .btn-warning:hover{ background:#C3862B !important; color:#fff !important;}

.buildingSmartPart{ background:#f4f4f5; padding:90px 0; overflow:hidden;}
.buildingSmartPart p{ font-size:15px;}
.buildingSmartPart .imgPart{ padding:0 10px 0 0; position:relative; }
.buildingSmartPart .imgPart img{ border-radius:20px; position:relative;}
.buildingSmartPart .imgPart::before { content: ""; width:155px; height:120px; background:#000; border-radius:16px; position:absolute; left:-35px; bottom:-20px;}
.buildingSmartPart .imgPart::after { content: ""; background:url(images/goldenline.png) no-repeat; width:318px; height:324px; position:absolute; right:-6px; top:-14px; z-index:2;}

.buildingSmartPart .btn-warning{ background:#C3862B; text-transform:uppercase; font-size:16px; font-weight:500; padding:5px 5px 5px 40px; color:#fff; border-radius:50px; border:0; margin:4px 0 0;} 
.buildingSmartPart .btn-warning .fa{ background:#fff; width:44px; height:44px; line-height:44px; margin-left:6px; border-radius:100%; color:#C3862B;}
.buildingSmartPart .btn-warning:hover{ background:#C3862B !important; color:#fff !important;}

.projectPart{ padding:80px 0; text-align:center; scroll-margin-top:170px;}
.projectPart img{ border-radius:12px; margin-bottom:8px;}
.projectPart .owl-theme .owl-nav [class*="owl-"], .projectPart .owl-theme .owl-nav:hover [class*="owl-"] { border-radius:100%; border:solid #000 1px;}
.projectPart .owl-prev { background:#fff !important; width:40px; height:40px; line-height:40px; color:#000 !important;}
.projectPart .owl-next { background:#fff !important; width:40px; height:40px; line-height:40px; color:#000 !important;}
.projectPart .owl-prev:hover, .projectPart .owl-next:hover{background:#d18e2b !important; color:#fff !important; border:solid #d18e2b 1px !important;}

.testimonialPart{ background:#f7f7f9; padding:70px 0; text-align:center;}
.testimonialPart .testiBox{ height:100%; padding:15px; }
.testimonialPart .testiBox h5{ font-size:18px; font-weight:500; text-transform:capitalize;}
.testimonialPart .testiBox h5 small{ padding-top:6px; display:block;}
.testimonialPart .testiBox .rating {display:block; padding:4px 0 0;}
.testimonialPart .testiBox .rating i {font-size:15px; color:#c5872a;}
.testimonialPart .testiBox p{ font-size:14px; color:#2e2e2e; font-style:italic; padding:10px 0; margin-bottom:0;}
.testimonialPart .owl-theme .owl-nav [class*="owl-"], .testimonialPart .owl-theme .owl-nav:hover [class*="owl-"] { border-radius:100%; border:solid #000 1px;}
.testimonialPart .owl-prev { background:#f5f5f5 !important; width:40px; height:40px; line-height:40px; color:#000 !important;}
.testimonialPart .owl-next { background:#f5f5f5 !important; width:40px; height:40px; line-height:40px; color:#000 !important;}
.testimonialPart .owl-prev:hover, .testimonialPart .owl-next:hover{background:#d18e2b !important; color:#fff !important; border:solid #d18e2b 1px !important;}

.content_area { max-height:110px; overflow:hidden; transition:max-height 0.5s ease;}
.show-content { max-height:none;}
.read-more { display:none;}

.newsPart {  padding: 70px 0 60px; scroll-margin-top: 200px;}
.newsPart .owl-carousel .owl-stage{display:flex; flex-wrap:wrap;}
.newsPart .owl-carousel .owl-stage .item { height:100%; padding:10px 0 15px;}
.newsPart .newsBox{ height:100%; background:#fff; padding:6px; border-radius:12px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.15); position:relative;}
.newsPart .newsBox img{border-radius:8px;}
.newsPart .newsBox .contantPart{ padding:10px 10px 50px 10px;}
.newsPart .newsBox .contantPart .date{ font-size:13px; color:#636466;}
.newsPart .newsBox .contantPart h5{ font-size:18px; font-weight:500; text-transform:capitalize; padding:6px 0;}
.newsPart .newsBox .contantPart p{ font-size:14px; color:#393939; text-align:left; line-height:1.7;}
.newsPart .newsBox .contantPart .btn-primary{ background:#fff; text-transform:uppercase; font-size:14px; font-weight:400; padding:7px 20px; color:#000; border-radius:50px; border:0; border:solid #000 1px; position:absolute; left:16px; bottom:20px;} 
.newsPart .newsBox .contantPart .btn-primary:hover{ background:#C3862B !important; border:solid #C3862B 1px; color:#fff !important;}
.newsPart .owl-theme .owl-nav [class*="owl-"], .newsPart .owl-theme .owl-nav:hover [class*="owl-"] { border-radius:100%; border:solid #000 1px;}
.newsPart .owl-prev { background:#fff !important; width:40px; height:40px; line-height:40px; color:#000 !important;}
.newsPart .owl-next { background:#fff !important; width:40px; height:40px; line-height:40px; color:#000 !important;}
.newsPart .owl-prev:hover, .newsPart .owl-next:hover{background:#d18e2b !important; color:#fff !important; border:solid #d18e2b 1px !important;}

footer{ padding:60px 0 0; background:#000;}
footer .certificationPart{ margin:15px 0 0;}
footer .certificationPart img{ padding-bottom:12px;}
footer h4{ margin-bottom:22px; color:#fff; text-transform:uppercase;}
footer h5{ text-transform:uppercase;}
footer .ftlogo{ padding:0 0 22px;}
footer p{ font-size:14px; color:#f9f9f9; padding-bottom:6px;}
footer ul{ list-style:none; margin:0; padding:0 0 16px 0;}
footer ul li a{ font-size:15px; color:#f9f9f9; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 16px;}
footer ul li a:hover{ color:#fff;}
.address ul{ list-style:none; margin:0; padding:0 40px 16px 0;}
.address ul li{font-size:15px; color:#f9f9f9; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 14px 26px; line-height:1.7;}
.address ul li .fa{ font-size:16px; color:#f2f2f2; position:absolute; left:0; top:7px;}
footer .copyright {font-size:15px; color:#f9f9f9; padding:20px 0 28px; border-top:solid #666666 1px; margin:20px 0 0;}
footer .copyright a{ color:#f9f9f9;}
footer .copyright .social { float:right;}
footer .copyright .social i {font-size:18px; width:40px; height:40px; line-height:40px; text-align:center; border:solid #fff 1px; border-radius:100%; color:#fff; margin:0 0 0 8px;}
footer .copyright .social i:hover{ background:#fff; color:#C3862B; border:solid #fff 1px;}


/*---------------------- Inner page CSS ------------------------*/
.innerpage-contant{background:#fff; padding:54px 0 60px;}
.innerpage-contant h1{padding-bottom:12px;}
.innerpage-contant h2, .innerpage-contant h3, .innerpage-contant h4, .innerpage-contant h5, .innerpage-contant h6{ padding-bottom:8px;}
.innerpage-contant hr { display:inline-block; margin-top:10px; margin-bottom:8px; border-top:3px solid #C3862B; width:65px;}

ul.aboutPage{}
ul.aboutPage li h6{ padding:0 0 3px;}
ul.aboutPage li p{ line-height:1.6;}
.whatwedoPart{ background:#f4f4f5; padding:54px 0; margin:60px 0 0;}
.whatwedoPart .services-card {width:100%; height:320px; perspective:1000px; text-align:center; margin:24px 0 16px;}
.whatwedoPart .services-card-inner { position:relative; width:100%; height:100%; transition:transform 0.6s; transform-style: preserve-3d; box-shadow:0 0 12px 0 rgba(0,0,0,0.2); border-radius:12px;}
.whatwedoPart .services-card:hover .services-card-inner { transform: rotateY(180deg);}
.whatwedoPart .services-card-front {background-color:#c3862b; height:100%; padding:8px; border-radius:12px; position:relative;}
.whatwedoPart .services-card-front h5{ padding:24px 0 0; line-height:1.3; color:#fff;}
.whatwedoPart .services-card-front, .whatwedoPart .services-card-back { position:absolute; width:100%; height:100%; backface-visibility:hidden;}
.whatwedoPart .services-card-front .img{ height:200px; width:100%; border-radius:12px;}
.whatwedoPart .services-card-front .fa{ position:absolute; top:195px; right:0; left:0; font-size:26px; background:none; color:#fff;}
.whatwedoPart .services-card-back { background:#000; color:#fff; transform:rotateY(180deg); padding:20px 15px; border-radius:12px;}
.whatwedoPart .services-card-back p{ font-size:14px; padding-top:6px; line-height:1.7;}
.ourVisionPart{ background:#eeeef0; padding:64px 0 50px; margin-bottom:60px;}
.ourVisionPart img{ border-radius:10px; margin-bottom:20px;}

.teamPageTop{ background:#c3862b; padding:30px 0; margin-bottom:20px;}
.teamPageTop p{ font-size:18px; color:#fff; line-height:1.6;}
.teambox-card {width:100%; height:550px; perspective:1000px; text-align:center; margin:24px 0 16px;}
.teambox-card-inner { position:relative; width:100%; height:100%; transition:transform 0.6s; transform-style: preserve-3d;}
.teambox-card:hover .teambox-card-inner { transform: rotateY(180deg);}
.teambox-card-front {background-color:#fff; height:100%; position:relative;}
.teambox-card-front .titleBox{ background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,0.2); position:relative; right:0; left:0; bottom:30px; padding:20px 15px 8px; width:290px; margin:auto;}
.teambox-card-front .titleBox h5{ text-transform:uppercase; padding:0;}
.teambox-card-front .titleBox p{ font-size:15px; color:#282828;}
.teambox-card-front, .teambox-card-back { position:absolute; width:100%; height:100%; backface-visibility:hidden; }
.teambox-card-front .img{ height:460px; width:100%; position:relative;}
.teambox-card-front .img:after { content:''; position:absolute; top:0; right:0; border-top:70px solid white; border-left:70px solid transparent; width:0;}
.teambox-card-back { background:#000; color:#fff; transform:rotateY(180deg); padding:50px 30px 30px;}
.teambox-card-back p{ padding-top:6px; line-height:1.7;}

.officePageTop{ background:#c3862b; padding:40px 0; margin:10px 0 20px;}
.officePageTop p{ font-size:18px; line-height:1.6;}
.addBox{ background:#fff; border:solid #fff 8px; box-shadow:0 0 12px 0 rgba(0,0,0,0.2); border-radius:15px; overflow:hidden; margin:20px 0;}
.addBox .contBox{ padding:24px 15px 10px;}

.contactPage{padding:65px 0; background: url(images/contact_bg.jpg) center top; background-size:cover; margin-top:10px;}
.contactPage form .form-control { height:48px;}	
.contactPage form textarea{height:auto !important;}
.contactPage form .btn-primary { background:#C3862B; margin-top:6px; text-transform:uppercase; font-weight:500; padding:18px 100px; color:#fff; border:0;}
.contactPage form .btn-primary:hover{ background:#bc7e20 !important;}
.contactPage input[type="file"] { display:none;}
.contactPage label[for="fileInput"] { background:#fff; display:inline-block; height:100%; vertical-align:baseline; padding:4px 0; width:100%; text-align:center; border-radius:4px; border:1px dashed #BBB; cursor:pointer;}
.contactPage label[for="fileInput"]:hover { background:#f6f6f6;}

.technologyPageWork{ background:#c3862b; padding:40px 0; margin:40px 0;}
.technologyPageWork h3, .technologyPageWork p{ color:#fff;}

.careerPageGoldenPart{ background:#c3862b; padding:40px 0; margin:40px 0;}
.careerPageGoldenPart h3, .careerPageGoldenPart p, .careerPageGoldenPart  ul li{ color:#fff;}
.careerPagetestimonialBox{ background:#edeeef; padding:30px; border-radius:12px; margin:10px 0 20px;}
.careerPagetestimonialBox p{ font-style:italic;}
.careerPagetestimonialBox p span{ font-size:20px; color:#C3862B; font-weight:600; display:block; padding:10px 0 0;}
.careerPageJoinPart{background:#c3862b; padding:40px 0; margin:40px 0 0;}
.careerPageJoinPart p{ font-size:20px;}
.careerPageJoinPart .btn-warning { background:#fff; text-transform:uppercase; font-size:16px; font-weight:600; padding:6px 6px 6px 50px; color:#C3862B;  border-radius:50px; border:0;}
.careerPageJoinPart .btn-warning .fa { background:#C3862B; width:44px; height:44px; line-height:44px; margin-left:12px; border-radius:100%; color:#fff;}
.careerPageJoinPart .btn-warning:hover{ background:#fff !important; color:#C3862B !important;}

.jobPageTop{ background:#c3862b; padding:30px 0; margin-bottom:40px;}
.jobPageTop p{ font-size:18px; color:#fff; line-height:1.6;}
.jobPostBox{ background:#edeeef; padding:30px; margin-bottom:10px;}
.jobPostBox ul{  list-style:none; margin:0; padding:0; }
.jobPostBox ul li a{ display:block; background:#fff; text-decoration:none; padding:12px 18px; border-left:solid #C3862B 3px; margin-bottom:10px; font-size:20px; font-weight:600; color:#000;}
.jobPostBox ul li a:hover{ background:#c3862b; color:#fff;}
.careervideoBox { position:relative; overflow:hidden; text-align:center; margin:10px 0;}
.careervideoBox video {width:100%; height:auto; border-radius:3px; border:solid #dfdfdf 2px;}
.careervideoBox video[poster]{height:100%; width:100%; object-fit:cover;}

ul.jobdetail{}
ul.jobdetail li{ padding:0 0 6px 0;}
.resumeBtn {background:#C3862B; text-transform:uppercase; font-size:16px;font-weight:500; padding:20px 40px; color:#fff; border:0; margin-top:10px;}
.resumeBtn:hover{ background:#bc7e20 !important; color:#fff;}



.contactpageAddress ul{ list-style:none; margin:0; padding:0 40px 16px 0;}
.contactpageAddress ul li{font-size:15px; color:#000; display:block; text-decoration:none; font-weight:400; position:relative; padding:0 0 14px 26px; line-height:1.7;}
.contactpageAddress ul li .fa { font-size:16px; color:#000; position:absolute; left:0; top:7px;}




/*---------------------- Responsive CSS ------------------------*/

@media ( min-width: 1200px) {
	.container { max-width:1270px;}	
}
@media ( max-width: 1199px) {
	.heroPart .botmPart h2 {font-size: 26px;}
	.services-card-back p{ font-size:12px;}
}
@media ( max-width: 991px) {
	h1{font-size:34px;}
	h2{font-size:26px;}
	h3{font-size:22px;}
	h4{ font-size:20px;}
	h5{font-size:18px;}
	
	header .toplogo { padding:12px 15px;}	
	header .toplogo img{ width:200px;}	
	.heroPart{ padding:120px 0 35px 0;}		
	.heroPart h1 { font-size:36px;}
	.heroPart .botmPart { padding:100px 0 0;}
	.heroPart .botmPart h2 {font-size:18px;}	
	.differencePart { padding:40px 0; text-align:center;}
	.differencePart p{ font-size:16px;}	
	.welcomePart { padding:40px 0; text-align:center;}
	.visionPart .boxVision { height:auto; margin-bottom:50px;}	
	.numbersPart {padding:50px 0 40px;}	
	.numbersPart .numberBox h2{ font-size:28px;}
	.numbersPart .numberBox h2 span{ font-size:14px;}
	.numbersPart .numberBox h2 small{ font-size:16px;}
	.servePart { padding: 40px 0;}
	.mapPart { padding: 40px 0;}	
	.culturePart { padding: 50px 0; text-align:center;}
	.culturePart h1{ padding-top:30px;}	
	.servicesPart { padding: 6px 0;}
	.servicesPart p{ font-size:15px}
	.servicesPart .col { flex-basis:auto; max-width:50% !important;}
	.services-card-back p{ font-size:14px;}	.proactivePart { padding:40px 0 60px; text-align:center;}
	.divisionPart { padding: 40px 0 30px;}	
	.buildingSmartPart { padding: 50px 0; text-align:center;}
	.buildingSmartPart h1{ padding-top:40px;}	
	.projectPart {padding: 40px 0;}
	.testimonialPart {padding: 40px 0;}
	.newsPart {padding: 40px 0;}	
	footer {padding:40px 0 0;}
	footer h4{ margin-bottom:12px;}
	footer .copyright { text-align:center; margin:6px 0 0;}
	footer .copyright .social { float:none; margin-top:15px;}
	
	.whatwedoPart { padding:30px 0; margin:30px 0 0;}	
	.whatwedoPart .col { flex-basis:auto; max-width:50% !important;}
	.whatwedoPart .services-card-back p{ font-size:14px;}	
	.ourVisionPart{ padding:30px 0; margin-bottom:30px;}
	
}
@media ( max-width: 767px) {
	h1{font-size:28px;}
	h2{font-size:24px;}	
	header .topHead { padding:8px 0; text-align:center;}
	header .toplogo img{ width:180px;}
	.heroPart .botmPart { display:none;}	
	.numbersPart .numberBox { margin:0 0 15px;}	
	footer h4{ margin-bottom:12px; margin-top:8px;}
	footer ul li a { padding: 0 0 8px;}	
	
	.innerpage-contant {padding:30px 0;}
	.teamPageTop{ padding:22px 0;}
	.teamPageTop p { font-size:16px;}
	.teambox-card { margin:10px 0;}	
	.technologyPageWork { padding:20px 0; margin:20px 0;}	
	.contactPage{padding:40px 0;}
	.contactPage form .form-control { height:40px;}	
	.contactPage form .btn-primary { margin-top:4px; padding:16px 60px;}
	.officePageTop { padding:25px 0;}
	.careerPageGoldenPart { padding:15px 0; margin:20px 0;}
	.careerPageJoinPart { padding:25px 0; margin:25px 0 0;}
	.careerPageJoinPart p { font-size:17px;}
	.jobPageTop p{ font-size:16px;}
	.jobPageTop { padding:22px 0; margin-bottom:20px;}
	.jobPostBox { padding:15px;}
	.resumeBtn { padding:18px 28px;}
}
@media (max-width: 575px) {
	.heroPart .btn-warning { font-size:13px;}
	.heroPart .btn-warning .fa { width:34px; height:34px; line-height:34px;}	
	.services-card-back p { font-size: 12px;}
	.divisionPart .boxDivision .btn-warning{font-size:13px;}
	.divisionPart .boxDivision .btn-warning .fa {width:34px; height:34px; line-height:34px;}
	.buildingSmartPart .btn-warning{font-size:13px;}
	.buildingSmartPart .btn-warning .fa {width:34px; height:34px; line-height:34px;}
}
@media (max-width: 479px) {}