@media all and (max-width: 1900px){

}
@media all and (max-width: 1600px){
.banner .wrp_txt h4 { font-weight:300; font-size:24px;}
.banner .wrp_txt h2 { font-weight:700; font-size:45px; line-height:50px; }
.banner .wrp_txt a { font-size:15px; font-weight:600;padding-left:20px; line-height:49px; }
.banner .wrp_txt a span { height:50px; }

}
@media all and (max-width: 1366px){

}
@media all and (max-width: 1200px){
.one .right_blk .black { top:-100px; height:100px; }
.one .right_blk .pic { margin-top:-100px; }
.abt-bg .right{ padding-left:2%;}
.abt-bg .right a{ margin-right:2%;}
}
@media all and (max-width: 1180px){
.one .left_blk h3 { font-size:36px; line-height:45px;}
.banner .wrp_txt h4 {font-size:20px;}
.banner .wrp_txt h2 {font-size:37px; line-height:42px; }
header .social { margin-top:10px;}
}
@media all and (max-width: 1080px){
header { top:19px;}
.abt-bg{ background:#fff; padding:0;}
.abt-bg .left{ width:100%; background:#f8c028;}
.abt-bg .right{width:100%; background:#212121; margin:0; padding:10px 67px;}
}
@media all and (max-width: 1024px){
.srcs-dtl .two-one{ padding:0;}
.srcs-dtl .two-one .imge{ padding:0 30px;}
.srcs-dtl .imge, .srcs-dtl .s1-ul{ width:100%;  float:none; margin:10px auto; padding:0;}
}
@media all and (max-width: 980px){
.one .left_blk { width:100%; padding-top:30px; padding-right:0px; margin-bottom:30px;}
.one .right_blk { position:relative; float:left; width:100%; }
.one .right_blk .black { display:none; }
.one .right_blk .pic { margin-top:0px; }
.one .right_blk .best { padding:4%;}
.one .left_blk .about {padding:4%;}
.one .right_blk .info { width:60%; float:left; padding-left:2%;}
.one .right_blk .pic { width:40%; float:left;}
.one .right_blk h4 { margin-top:0px;}
.services .col4 { width:50%; margin-bottom:30px;}
.banner .wrp_txt h4 {font-size:15px;}
.banner .wrp_txt h2 {font-size:28px; line-height:33px; }
.banner .wrp_txt a { font-size:13px; font-weight:600;padding-left:10px; line-height:40px; }
.banner .wrp_txt a span { height:40px; width:40px; margin-left:17px; }
.banner .wrp_txt a span img { width:18px;}
header .logo { margin-left:10px;}
.abt-s1 .lft-bx, .abt-s1 .rgt-bx{ width:100%; padding:0; border: none; text-align:center;}
.abt-s1 .lft-bx{ padding-bottom:20px;border-bottom:#8d8d8d 1px solid;}
.abt-s1 .rgt-bx{  padding-top:20px;}
.contact article, .contact aside{ width:100%;}
.contact article{ padding:0; margin-bottom:30px; text-align:center;}
.contact .adrs-bx{ float:none; display:inline-block; text-align:left;}
.contact aside{ padding:0; }
.services .four-one{ width:100%; margin:30px 0; max-width:600px;}
.projects{ text-align:center;}
.projects .four-one{ width:47%; float:none; display:inline-block;}
.prjct-dtls .ul{ width:100%; margin:20px 0; text-align:left;}
.prjct-dtls .img{ width:100%; margin:20px 0;}
}


@media all and (max-width: 880px){
	.abt-s1 aside{ width:98%;}

}

@media all and (max-width: 768px){
footer .footer_menu { width:33.333333%;}
footer .footer_address { width:33.333333%;}
footer .company { width:100%; text-align:center; padding-top:30px; margin-top:30px; border-top:solid 1px #5c5c5c;}
footer .company .logo { max-width:90px; }

header .logo { width:100%; }
.services h1{font-size:30px }
}
@media all and (max-width: 680px){
header .black_bar { width:auto; float:right; margin-right:50px; padding:5px; margin-top:15px; height:auto; display:none;}
header { top:0px; position:relative;} 
.banner .wrp_txt { top:30%;}
header .hdr_right { width:auto; }
.abt-bg{ font-size:18px;}
.career h1{font-size:22px;}
.career p{font-size:14px; text-align:justify;} 
.projects .four-one p { font-size:14px;}
.projects .four-one p span{ font-size:14px;}
header .logo { width:110px; margin-left:0;}
}

@media all and (max-width: 580px){
.services .col4 { width:100%; }
.abt-bg{ text-align:center;}
.abt-bg .left{ padding-left:15px;}
.abt-bg .right{ padding:10px 15px;}
.abt-bg .right span{ display:block;}
.abt-bg .right a{ width:50%; font-size:14px; margin-right:25%;}
.projects h1{ font-size:26px;}
.projects .four-one{ width:100%; margin:20px 0;  max-width:450px;}
.one .left_blk { padding-top:10px;}
}

@media all and (max-width: 480px){
.banner .wrp_txt h4 {font-size:12px;}
.banner .wrp_txt h2 {font-size:17px; line-height:22px; }
.banner .wrp_txt a { font-size:11px; font-weight:400;padding-left:10px; line-height:30px; }
.banner .wrp_txt a span { height:30px; width:30px; margin-left:10px; padding-top:10px; }
.banner .wrp_txt a span img { width:15px;}
.banner .wrp_txt { top:20%;}
.one .left_blk .about {-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
.one .left_blk h3 {font-size: 28px; line-height: 34px;margin-bottom: 15px;}
.one .left_blk .btn1 { margin-bottom:20px;}
.one .left_blk { margin-top:6%;}
.one .right_blk .pic { width:100%;}
.one .right_blk .info { width:100%; padding-left:0%;}
.one .right_blk .btn2 { margin-bottom:10px;}
.one .right_blk h4 { font-size:28px;}
.services h2 { font-size:36px;}
.services { margin-top:55px;}
.services h5 { font-size:15px; margin-bottom:30px;}
.services .btn1 { margin-top:20px;}
.team { padding:60px 0;}
.team h2 { font-size:35px;}
.team p { font-size:14px; padding-left:4%; padding-right:4%;}
.team .txt_team { width:100%; margin-top:10px; }
.team .txt_team::before { display:none;}
.team .pic_team { width:60%;}
.team .txt_team { padding:6%; }
.logo_blk { padding-bottom:20px; padding-top:35px;}
footer .footer_menu { width:50%; }
footer .footer_address { width:100%; clear:left; margin-top:30px;}
footer { padding:55px 0;}
footer .company h6 { font-size:14px;}
footer .company .logo { max-width:80px;}
.abt-s1 .lft-bx{ font-size:18px;}
.abt-s1 .rgt-bx{ font-size:14px;}
.abt-bg .right a{ width:60%; margin-right:20%;}
.contact h1{ font-size:28px;}
.services h1{font-size:24px }
.services .four-one h2{ font-size:19px;} 
.projects .cntrls .left, .projects .cntrls .right { float:none; display:inline-block; margin:2%;}
.projects .cntrls .center{position:static; float:none; display:inline-block;margin:2%;}
.srcs-dtl h2{font-size:22px;}
.abt-s1 .h1{ font-size:20px;}
.abt-s1 .h1 span{ max-width:270px;}
.prjct-dtls .ul h1{ font-size:20px;}
}


@media all and (max-width: 320px){
.banner .wrp_txt h4 {font-size:11px;}
.banner .wrp_txt h2 {font-size:15px; line-height:22px; }
.banner .wrp_txt a { font-size:10px; font-weight:400;padding-left:7px; line-height:24px; margin-top:10px; }
.banner .wrp_txt a span { height:24px; width:30px; margin-left:10px; padding-top:7px; }
.banner .wrp_txt a span img { width:12px;}
}