@charset "utf-8";
/* CSS Document */
ul.termul { 
 margin-left:5% !important;
 margin-top:-1.8% !important;
 margin-bottom:1.5% !important;

 }

ul.termul li{ 
 list-style:disc !important; 
 font: 16px/29px 'Open Sans';
 color: #334654;

 }
.lmenu{ margin-left:-200px !important}
.case-study-listing1{width:100%; height:auto; float:left; text-align:center; font-size:14px; line-height:25px;padding:0px 2%;  border:1px solid #e8e8e8; box-shadow: 2px 2px 5px #e2e2e2; padding-top:1%; font-size: 16px; font-weight: 300; min-height:320px;}
.case-study-listing-circle{ background: none repeat scroll 0 0 #bcbcbc;    border-radius: 100%; height: 70px; margin: 0 auto; padding: 10px 2px 0 0; width: 80px; margin-bottom:4px;}
.case-study-listing1:hover .case-study-listing-circle { background:#f05c29;transition: background-color 0.5s ease 0s;}
.case-study-listing-circle div{ text-align:center;}
.case-study-listing-circle img{ display: block; margin-left: auto; margin-right: auto; margin-top:8px;}
.case-study-listing1 .title{font-size:16px; font-weight:700; text-align:center; color:#333; text-transform:uppercase;}
.case-study-listing1 p{ text-align:justify}

.findout-more1 {
    font: 13px/51px clanotnews;
    color: #159dd8;
    border: 1px solid #6abfe3;
    display: inline-block;
    margin-top: 18px;
    padding: 0 25px;
    border-radius: 10px 10px 0 10px;
    position: relative
}

.findout-more1:hover {
    background: #019BDC;
    color: #fff
}

.contentimg img{ width:100% !important;}

.main_heading_regular{font-family:Asap, Arial; font-size:40px; font-weight:400; color:#141414; text-align:center; background:url(../images/heading-bottom-bg.png) bottom center no-repeat; padding-bottom:30px; margin-bottom:40px; margin-top:20px; line-height:43px;}
.tab-box-red{background:#e93939; width:29%; height:auto; padding:30px 2%; float:left; margin-right:0.33%; font-weight:300; font-size:16px; color:#FFFFFF; line-height:25px; text-align:center}
.tabs-heading{font-weight:700; font-size:30px; font-family:asap, arial; line-height:36px; color:#FFFFFF; text-align:center;background: url(../images/heading-bottom-bg.png) bottom center no-repeat; padding-bottom:25px; margin-bottom:25px;}
.tab-box-pink{background:#995cb0; width:29%; height:auto; padding:30px 2%; float:left; margin-right:0.33%; font-weight:300; font-size:16px; color:#FFFFFF; line-height:25px; text-align:center}
.tab-box-blue{background:#5a96ba; width:29%; height:auto; padding:30px 2%; float:left; margin-right:0.33% font-weight:300; font-size:16px; color:#FFFFFF; line-height:25px; text-align:center}

.tab-box-red , .tab-box-pink , .tab-box-blue{ text-align:justify}
.ablue{color:#900 !important; font-weight:600;}
.pagebanner img{ width:100% !important; height:auto !important;}

#req-top-part p{ text-align:center !important;}
@media (min-width: 1101px){
	.logo1{ width:99% !important; height:65px !important; margin-top:-6px !important; margin-right:-50px !important; margin-left:-5% !important}
    nav ul li {font: 14px/42px clanotbold; padding: 0 15px !important;}
	ul.submenu{ width:750px !important}
	nav ul li {font: 14px/42px clanotbold; padding: 0 15px !important;}
}

@media (min-width: 500px) and (max-width: 1100px){
    .res-portfolio {width: 48% !important;min-height: 300px !important}
	#banner { height: 70% !important; width:100% !important}
	.bnr-img h1 { font: 40px/48px OpenSans-Semibold !important;}
	.bnr-img p { font: 20px/35px open_sansitalic !important; }



}

@media (min-width: 400px) and (max-width: 1100px){
	.logo1{ width:55% !important; height:65px !important; margin-top:0px !important; margin-right:0px !important}
	
}

@media (min-width: 400px) and (max-width: 820px){
	.logo1{ width:55% !important; height:65px !important; margin-top:0px !important; margin-right:0px !important}
	
}

@media only screen and (max-width: 1100px){
	.case-study-listing1{width:96% !important;}
    .tab-box-red , .tab-box-pink , .tab-box-blue{width:90%; margin-top:2%}
	#req-bottom-part p {font: 13px clanotnews !important; line-height:25px !important}
    #social-share-wrap ul { width: 100%; padding-left:0% !important;}
    #social-share-wrap ul li { float: left; padding-left: 13px; min-width: 50px;}
	.about-text-left-panel { width: 99% !important;}

}

@media (min-width: 821px) and (max-width: 1100px){
	#req-top-part p{ font: 19px clanotnews !important; padding-top:.7% !important; line-height:45px !important; height:50px !important}
    .foot-menu li { font: 13px/20px proxima_nova_rgregular !important; padding: 0 10px !important; }
    .hire-continer-part {width: 90% !important; padding: 45px 0 30px; margin-left:10% !important;}
	.hire-continer-part ul li { font: 16px/25px clanotmedium !important; width:24% !important; padding-left: 10px !important}
	.hire-continer-part .hire-quilty { width:19% !important; }
	.hire-continer-part .hire-quiltys { width:18% !important;}
    .four-reason-col1 img { height:250px !important;}

}

@media (min-width: 700px) and (max-width: 820px){
    .hire-continer-part {width: 98% !important; padding: 45px 0 30px; margin-left:1% !important;}
	.hire-continer-part ul li { font: 15px/25px clanotmedium !important; width:30% !important; padding-left: 10px !important}
	.hire-continer-part .hire-quilty { width:22% !important; }
	.hire-continer-part .hire-quiltys { width:21% !important;}
	.special-service-col p{ font-size:14px !important; line-height:19px !important}

}

@media (min-width: 400px) and (max-width: 699px){
    .hire-continer-part {width: 80% !important; padding: 45px 0 30px; margin-left:10% !important;}
	.hire-continer-part ul li { font: 15px/25px clanotmedium !important; width:50% !important; padding-left: 10px !important; height:70px !important}
	.hire-continer-part .hire-quilty { width:42% !important; }
	.hire-continer-part .hire-quiltys { width:43% !important;}

}

@media (min-width: 240px) and (max-width: 399px){
    .hire-continer-part {width: 100% !important; padding: 45px 0 30px; margin-left:0% !important;}
	.hire-continer-part ul li { font: 15px/24px clanotmedium !important; width:60% !important; margin-left: 10px !important; height:70px !important}
	.hire-continer-part .hire-quilty { width:50% !important; margin-left:25% !important; }
	.hire-continer-part .hire-quiltys { width:55% !important;}
    .lets-talk-row ul li {width: 80% !important; margin-left:17% !important;}
	.lets-talk-row ul li figure {width: 73% !important;}
	.lets-talk-row ul li p{ margin-left:-17% !important}


}

@media (min-width: 500px) and (max-width: 820px){
	#req-top-part p{ font: 18px clanotnews !important; padding-top:1.5% !important; line-height:35px !important; height:45px !important}
    #social-share-wrap ul { width: 100%; margin-left:-8% !important;}
    .have-form-field-raw-inr { width: 29%; margin: 0 2%;}
    .four-reason-col1 img { height:250px !important;}
    .f1ip_container1 { width: 75% !important; height: 250px; margin-left:10% !important}

}

@media (min-width: 400px) and (max-width: 501px){
	#req-top-part p{ font: 14px clanotnews !important; padding-top:1.5% !important; line-height:35px !important; height:45px !important}
}

@media (min-width: 280px) and (max-width: 399px){
	.logo1{ width:99% !important; height:65px !important; margin-top:0px !important; margin-right:0px !important; margin-left:-10% !important}
	#req-top-part p{ font: 14px clanotnews !important; padding-top:1.5% !important; line-height:20px !important; height:45px !important}
}
@media (min-width: 200px) and (max-width: 279px){
	.logo1{ width:99% !important; height:65px !important; margin-top:0px !important; margin-right:0px !important; margin-left:0% !important}
	#req-top-part p{ font: 14px clanotnews !important; padding-top:1.5% !important; line-height:20px !important; height:45px !important}
}

@media (min-width: 200px) and (max-width: 499px){
    .four-reason-col1 img { height:270px !important;}
    .f1ip_container1 { width: 96% !important; height: 270px !important; margin-left:2% !important}
	.face p{ line-height:18px !important}
	.footh4{ font-size:22px !important}

}

@media (min-width: 300px) and (max-width: 499px){
	.bnr-img h1 { font: 30px/33px OpenSans-Semibold !important;}
	.bnr-img p { font: 20px/35px open_sansitalic !important; }

}

@media (min-width: 200px) and (max-width: 299px){
	.bnr-img h1 { font: 20px/23px OpenSans-Semibold !important;}
	.bnr-img p { font: 15px/18px open_sansitalic !important; }

}

@media (min-width: 200px) and (max-width: 820px){
    .wpcont-1-right {width: 85% !important; margin-left:15% !important; margin-top:-10% !important}
    .wpcont-1-left, .wpcont-1-left-seo {width: 90% !important; margin-left:5% !important;}
	.digi-publishing-panel {width: 95% !important}
    .digi-publishing-content-panel, .search-opt-panel { width: 95% !important;}
	.smo1{margin-right:10% !important}
	.digi-publishing-content-panel h2{ font-size:32px !important; line-height:45px !important}

}