.wrapper_box { overflow:hidden;}
#banner_box  { background-image:url(https://s3.amazonaws.com/algoworksupload/new-algoworks/wp-content/uploads/2020/06/15035035/devops_header-bg.png);  background-repeat:no-repeat; background-position:bottom center; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover;     float: left;   width: 100%; min-height:725px;height:100%; color:#fff; padding-top: 40px; position: relative;}
#banner_box::after { border-bottom: 1px solid #f2af1e; bottom: 0; content: ""; height: 5px; left: 0; margin: auto; position: absolute;  right: 0;  width:90%;}

/*nav { height:90px; background:#000;}*/
header { padding-top:60px;}
header  p { padding:15px 0;}
#banner_box .banner_btn { margin-top:50px;}
#banner_box .banner_btn a { padding:15px 20px; font-size:16px; font-weight:600; text-transform: uppercase; border-radius:5px; margin-right:20px;     transition: all 0.6s ease 0s;}
#banner_box .banner_btn .btn::after{background:#f1cc2a; border-color:#f1cc2a;}
#banner_box .banner_btn .btn:hover{color:#000000; border-color:#f1cc2a}
#about_box { background-image:url(https://s3.amazonaws.com/algoworksupload/new-algoworks/wp-content/uploads/2020/06/15035031/devops_about_bg.jpg);  background-repeat:no-repeat; background-position:bottom center; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; float: left; width: 100%; min-height:785px; height:100%; color:#fff;}
#about_box .row { position:relative;}
.circle_box { position:absolute; width:100%; text-align: center; display: block; top:-22px;}
.line_left { background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/03/09054859/devops_about_line.png) bottom right no-repeat;}
#about_box .content_box { margin:150px 0 50px 0;}
#about_box .image_box { margin:100px 0 50px 0;}

.line_right { background:url(https://algoworksupload.s3.amazonaws.com/new-algoworks/wp-content/uploads/2016/03/09054901/devops_about_line2.png) bottom left no-repeat;}
.yellow_text { color:#f8ca1d;}
.green_text { color:#5eb571;}
#about_box .line_left .content_box > p{ margin-bottom:20px}
#feature_box { padding:50px 0 50px 0;}
#feature_box .feature_content_box { border-radius:10px; border:2px solid #fff; padding:30px; margin-bottom:30px; min-height: 225px;}
#feature_box .feature_content_box:hover { background:#f8ca1d; border:2px solid #f8ca1d;}
#feature_box  .icon_box { padding:30px; border-radius:50%; background:#5eb571;}
#feature_box .feature_content_box:hover .icon_box { padding:30px; border-radius:50%; background:#fff;}
#feature_box  .icon_box  i { color:#fff; font-size:40px;}
#feature_box  .feature_content_box:hover .icon_box  i { color:#fad859; font-size:40px;     transition: all 0.6s ease 0s;}
#feature_box  .media-heading { color:#f8ca1d!important; font-size:18px; position: relative;}
#feature_box  .media-body { padding-left:30px;}
#feature_box  .fa-mobile { font-size:60px !important;}
#feature_box  .sub_heading_feature { padding-bottom:60px;}
#feature_box  .feature_content_box .devapp-icon {background:#5eb571;  border-radius: 50%;  display: block;  font-size: 40px;  height: 80px;  line-height: 80px;  text-align: center;  width: 80px;}
#feature_box .media-heading::after {  border-bottom: 2px solid #fff;  bottom: -8px;  content: "";  display: block;  height: 2px;  left: 0;  position: absolute;  width: 40px;}
#feature_box  ul.detail-box{ list-style: none; padding:0; margin-top:15px;}
#feature_box  .feature_content_box:hover  .media-heading { color:#000!important; font-size:18px;     transition: all 0.6s ease 0s;}
#feature_box  .feature_content_box:hover   p { color:#000;     transition: all 0.6s ease 0s;}
#feature_box  .feature_content_box:hover .detail-box li{color: #000;}
#feature_box  .feature_content_box:hover .media-heading::after {border-color: #000 !important;}
#feature_box  .feature_content_box:hover .devapp-icon{background:#fff;color: #f8ca1d;}


#why_dev_box { background-image:url(https://s3.amazonaws.com/algoworksupload/new-algoworks/wp-content/uploads/2020/06/15035040/devops_why_do_bg.jpg);  background-repeat:no-repeat; background-position:bottom center; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; float: left; width: 100%; min-height:320px; height:100%; color:#fff; padding:40px;}
#why_dev_box .why_dev_content { text-align:center; margin-top:40px; position: relative;}
#why_dev_box .why_dev_content .col-md-4 { padding:0 25px; position: relative; z-index: 99;}
#why_dev_box .icon_box {  background: #00171f none repeat scroll 0 0;  border: 1px solid #fff;  border-radius: 50%;  height: 105px;  margin: 0 auto;  padding: 10px;  position: relative;  width: 105px;  z-index:999;}
#why_dev_box .why_dev_content::after { border-top: 1px solid #fff; content: ""; display: block; left: 0; margin: 0 auto; position: absolute;  right: 0;  top: 50px;  width: 70%;}
#why_dev_box .icon_box .why-devops-icon {background: #5eb571;  border-radius: 100%;  color: #fff;  display:table-cell; vertical-align: middle;   height:85px;  width:85px;}
#why_dev_box .why_text_box h3::after {border-bottom:2px solid #e7a81e; bottom: -15px;  content: "";  display: block;  height:2px;  left: 0;  margin: 0 auto;  position: absolute;  right: 0;  width: 50px;}
#why_dev_box .icon_box .why-devops-icon .fa{font-size: 40px; }
#why_dev_box .icon_box .why-devops-icon .fa-mobile-phone{font-size:55px; }
#why_dev_box .why_text_box:hover .icon_box  .why-devops-icon{background:#022a37;     transition: all 0.6s ease 0s;}
#why_dev_box .why_text_box h3 { color:#5eb571; font-weight: 700; font-size:20px;line-height: 26px; position: relative; margin-bottom:30px;}
#why_dev_box .why_text_box:hover h3 { color:#fff;     transition: all 0.6s ease 0s;}
#how_can_Box { background-image:url(https://s3.amazonaws.com/algoworksupload/new-algoworks/wp-content/uploads/2020/06/15035037/devops_how_can_Box_bg.jpg);  background-repeat:no-repeat; background-position:bottom center; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; float: left; width: 100%; height:100%; color:#fff;}
#how_can_Box .button_box a::after, #how_can_Box .button_box a::before{background:#f4d632;}
#advantage_box { background:#00171f; padding-top: 35px;}
#advantage_box h1 {  position: relative;}
#advantage_box h1::after { border-bottom:1px solid #f8b21e; bottom: -25px; content: ""; height: 1px; left: 0; margin: auto; position: absolute;  right: 0;  width: 100px;}
.four_advantage_box { margin-top:40px;}
#advantage_box h2 { margin-bottom:20px; color:#6fe589;}
.adv-box .icon { background:#033749;}
.adv-box .icon-desc { background:#129c91}
.col-md-12:nth-child(even) .icon-desc{ background:#11d2b0;}
.col-md-12:nth-child(even) .icon { background:#0e4457;}

/* Contact us form added to first fold */
.vertical-contact-form{position: relative;}
.vertical-contact-form #how_form{display: flex;}
.vertical-contact-form h3{ font-weight: 600;}
.vertical-contact-form #how_form .form-group{ padding: 5px;}
.vertical-contact-form #how_form .wpcf7-textarea{ height: 36px; overflow: hidden;}
.vertical-contact-form #how_form .wpcf7-submit{height: 36px; border-radius: 5px; background: #f73c3c; font-weight: 600; color: #fff; transition: 0.3s;}
.vertical-contact-form #how_form .wpcf7-submit:hover{background: #ad1212; color: #fff;}
.vertical-contact-form #how_form .span_msg, .vertical-contact-form #how_form .career_msg{ display: none;}


.help-submit .loader{ position: relative; min-height: 90px; width: 130px;}
.help-submit .loader .ajax-loader{ position: absolute; left:30%; top:3%; transform:translate(-50%,-50%); width: 30px!important; height: 30px!important;}
.detail-box.mailsend .wpcf7-submit{ display: none!important;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {position: absolute; top: 50%; right: 0px;}




/* Contact us form added to first fold */

@media only screen and (max-width:1400px) {
#banner_box .banner_btn { margin-top: 30px;}
#banner_box { padding-top: 20px;}
.logo { margin: 0 auto;  max-width: 250px;}
#banner_box{ min-height:620px;}
#feature_box .feature_content_box{padding-top: 15px;min-height:203px;}
#feature_box .media-body {padding-left: 15px; padding-top: 15px; }
#advantage_box{padding-top: 20px;}
#advantage_box .four_advantage_box{margin:65px auto;}
}
@media only screen and (max-width:1200px) {
#about_box .content_box { margin: 120px 0 50px;}
#about_box .image_box { margin: 70px 0 50px;}
#banner_box {min-height: 650px;}
#banner_box .banner_btn { margin-top: 40px;}
}

@media only screen and (max-width:992px) {
#about_box .image_box .lappy_box{ text-align: center;}
#feature_box .feature_content_box{min-height:205px; padding-top: 25px;}
#why_dev_box .why_dev_content::after{content:none;}
#why_dev_box{padding:0 0 30px;}
#why_dev_box .why_dev_content .col-md-4{ margin-bottom: 25px;}
#how_can_Box .talk_box{padding:15px 0;}
#how_can_Box{padding:20px 0; }
}

@media only screen and (max-width:767px) {
	
	.logo img { width: 80%;}
	/*.row { padding:0px 20px;}*/
  .feature_content_box .media-left,.feature_content_box .media-right,.feature_content_box .media-body{display: block;}
  #feature_box .feature_content_box{ padding-top:20px;}
  #feature_box .media-body {padding: 0;width: auto;}
  #advantage_box { padding: 10px 0 50px;}
  #feature_box .sub_heading_feature { padding: 10px 10px 20px;}
  #banner_box{ padding-top: 0;}	
  .vertical-contact-form #how_form .form-group{ padding:0;}
  .vertical-contact-form #how_form{display: inherit!important;}
  .form-group.help-submit{ margin-left: 0;}
  .help-submit .loader{width:auto;}
  .help-submit .loader .ajax-loader{left:42%;}
  .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { top: 80%; right: 18%;}
	}
	
@media only screen and (max-width: 479px) {
		#banner_box .banner_btn_box a { width:100%;float: left; margin-bottom: 20px;}
		}