

.main-banner-sec{ background:url('/images/01.jpg') no-repeat top center; width:100%; background-size:cover; padding:80px 0px;}

.layoutWrapper {display: flex;justify-content: space-between;}
.layoutOne {background: rgba(9,20,105,0.6);padding: 30px 15px;color:#fff; width:35%;}
.layoutOne h2, .layoutTwo h2 {font-size: 20px;margin-top: 0px;margin-bottom: 15px;font-weight: 600; text-align:center;}
.layoutOne p {font-size: 13px; margin-top: 0px;margin-bottom: 25px;text-align:center;}
.layoutOne label {font-size: 12px;font-weight: normal;margin-bottom: 6px;text-transform: uppercase;}
.layoutOne .form-control {height: 40px;border-radius: 2px;box-shadow: none;color: #333;padding: 5px 5px;}
.pdLeft{ padding-left:8px;}
.pdRight{ padding-right:8px;}
.btn-find { background: #666666;border: 1px solid #666666;padding: 5px 40px;font-size: 17px; font-weight: 600;border-radius: 2px;}
.colorOrange{background: #f57d2c;border-color:#f57d2c;}
.colorBlue{background: #01b7f2;border-color:#01b7f2;}
.layoutTwo {background: rgba(0,0,0,0.7);padding: 30px 15px;color:#fff;width:25%;}
.layoutTwo ul{ margin-top:30px; margin-bottom:0px; padding:0px;}
.layoutTwo ul li {position: relative;font-size: 13px;display: block;list-style: none;padding-left:34px; line-height:26px;}
.layoutTwo ul li + li{ margin-top:20px;}
.layoutTwo ul li::before {content: '';background: url('/images/check-mark.png') no-repeat top left; position: absolute; left: 0px;width: 25px;height: 25px;background-size: 100%;}

.heading-box-sec {background: rgb(0, 176, 240);;padding: 5px 0px; position:relative;}
.heading-box-sec::before {content: '';width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid rgb(0, 176, 240);; position: absolute; bottom: -20px;left: 50%;z-index: 9999; margin-left: -15px;}
.headingWrapper{display: flex;justify-content: space-between;align-items: center;}
.headingWrapper > div {width: 33.33%; }
.headBox h2 {font-size: 22px;font-weight: 600;color: #fff;margin: 0px;text-align: center;}
.emailBox {display: flex;justify-content:flex-start;align-items: center;}
.emailIcons img {height: 50px;}
.emailContent { margin-left: 25px; width:80%}
.emailContent label { font-size: 12px; color:  #fff;margin-bottom: 0px;}
.emailContent .input-group {width: 100%;}
.emailContent .form-control {height: 35px;box-shadow: none; border-color: #fff; border-radius: 0px; padding:5px 5px;}
.btnArrow {background: #f57d2c;border: 1px solid #f57d2c;font-size: 25px;color: #fff;position: absolute;right: 0px;z-index: 99;height: 35px;line-height: 35px;}
.ratingBox { padding-left: 30px;}
.ratingImg img {height: 14px;}
.ratingBox p strong{font-size: 20px;color: #ffac61;font-weight: 600;}
.ratingBox p {font-size: 14px;color: #fff;font-weight: 600;margin: 0px;line-height: 18px; position:relative;}
.ratingBox p a {color:  #f57d2c; font-size: 30px;margin-left: 20px; position: absolute; top: -5px;}

.main-body{ background:#cccccc3b;}
.featureOne {text-align: center;padding: 20px 15px;border-bottom: 5px solid #666;min-height: 300px; margin-bottom:30px;background:#ffffff;box-shadow: 0px 0px 10px #cccccc4d;}
.featureOne span {display: block;text-align: center;}
.featureOne img {height: 110px;margin: 0px auto;width: auto;}
.featureOne h3 { font-size: 16px; font-weight: 600;margin-bottom: 10px;margin-top: 25px;}
.featureOne p {font-size: 13px;font-weight: normal;margin: 0px;color: #333;line-height: 18px; text-align:justify;}
.featureColorBlue{ border-color:#00b0f0;}
.featureColorBlue h3{ color:#00b0f0;}
.featureColorOrange{border-color:#ed7d31;}
.featureColorOrange h3{ color:#ed7d31;}
.featureColorGreen{border-color:#008000;}
.featureColorGreen h3{ color:#008000;}
.featureColorRed{border-color:#c00000;}
.featureColorRed h3{ color:#c00000;}



@media screen and (max-width:1170px){
	
.main-banner-sec { padding: 60px 0px;}	
.layoutOne h2, .layoutTwo h2 {font-size: 16px;}
.layoutOne {padding: 30px 10px; width: 36%;}
.layoutOne label {font-size: 11px}
.layoutTwo ul li { font-size: 13px; padding-left: 40px;line-height: 18px;}	
.ratingBox {padding-left: 0px;}
.featureOne img {height: 90px;}

}


@media screen and (max-width:990px){

.main-banner-sec {padding: 20px 0px;}
.layoutWrapper {flex-wrap: wrap;}
.layoutWrapper > .layoutOne { width: 48%; margin: 10px 0px;}
.layoutWrapper > .layoutTwo { width: 48%; margin: 10px auto; order:3;}
.layoutTwo h2 {text-align: left;}
.emailBox {flex-direction: column; align-items: self-start;}
.emailIcons img {display: none;}
.emailContent label {font-size: 11px;}
.emailContent { margin-left: 0px; width:100%;}
.ratingBox p a {margin-left: 0px;right: 0px;}

}

@media screen and (max-width:767px){

.main-banner-sec {padding: 20px 0px;}
.layoutWrapper {flex-direction: column;}
.layoutWrapper > div {width: 100% !important;}
.layoutTwo { margin: 20px 0px;}
.headingWrapper {flex-direction: column;}
.headingWrapper > div { width: 100%;}
.emailBox {flex-direction: column;}
.emailIcons img {height: 40px; margin-bottom:10px;}
.emailContent {width: 100%;text-align: center;margin: 0px !important; padding:0px 10px;}
.ratingBox { padding: 10px 0px; text-align:center;}
.ratingBox p {font-size: 13px;}
.headBox {order: 3; margin:10px 0px;}
.featureOne {min-height: auto; margin-bottom:15px;}
.ratingBox p a {font-size: 23px; margin-left: 10px;top: -2px;right: inherit;}

}
@media screen and (max-width:320px){

.ratingBox p { font-size: 12px;}	
.ratingBox p strong { font-size: 18px;}
.ratingBox p a {font-size: 20px; margin-left: 10px;top: 0px;}

}