#vertical-img-text .block-relative {
    padding: 30px;
    border: 1px solid #d8dada;
    height: 100%;
    position: relative;
    padding-bottom: 100px;
}
#vertical-img-text .block-black-border {
    border: 1px solid #000;
    padding: 30px;
    margin-bottom: 80px;
    position: relative;
    height: 100%;
}
#vertical-img-text .block-white-border {
    border: 1px solid #fff;
    padding: 30px;
    height: 100%;
    padding-bottom: 100px;
    position: relative
}
#vertical-img-text .right-carret {
    position: absolute;
    bottom: 20px;
    right: 30px;
}
#vertical-img-text .dynamic-height {
    height: 50%
}

.block-white-border  div {
    font-weight: 700;
    font-size: 20px;
    line-height: 38px;
    padding-bottom: 15px;
    display: flex
}

.block-white-border  div:last-child {
        padding-bottom: 0;
}
.three-lines-title h5 {
    height: 90px
}
.two-lines-title h5 {
    height: 70px
}
.one-long-title h5 {
    height: 60px;
    /* border: 1px solid green */
}
.col.five-col-long-title h5 {
    height: 90px;
}
.col.five-col-mid-title h5 {
    height: 80px;
    /* border: 1px solid red */
}
.col.five-col-short-title h5 {
    height: 40px;
}
@media (max-width:1250px) {
    .col.five-col-long-title h5 {
        height: 110px;
    }
    .col.five-col-short-title h5 {
        height: 60px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .three-lines-title h5 {
        height: 120px
    }
    .two-lines-title h5 {
        height: 90px
    }
    .one-long-title h5 {
        height: 70px
    }
    .col.five-col-long-title h5 {
        height: 140px;
    }
    .col.five-col-mid-title h5 {
        height: 100px
    }
    .text-box_component .block-relative .white-box_header {
        height: 90px
    }
}
@media (max-width: 991px) {
    .three-lines-title h5 {
        height: 150px
    }
    .two-lines-title h5 {
        height: 120px
    }
    .one-long-title h5 {
        height: 70px
    }
    .col.five-col-long-title h5 {
        height: 120px;
    }
    .text-box_component .block-relative .white-box_header {
        height: 110px
    }
}
.text-box_component .col-md-12 p {
    padding-bottom: 30px;
}
@media (max-width: 767px) {
    #vertical-img-text .block-black-border {
        margin-bottom: 0;
    }
    #vertical-img-text .block-white-border {
        padding-bottom: 30px;
    }
    #vertical-img-text .right-carret {
        bottom: 10px;
        right: 15px;
    }
    #vertical-img-text .dynamic-height {
     height:50%
    }
    .three-lines-title h5, .two-lines-title h5, .one-long-title h5 {
        height: auto;
        padding-bottom: 20px;
    }
    .col.five-col-mid-title h5, .col.five-col-long-title h5, .col.five-col-short-title h5   {
        height: auto;
        padding-bottom: 20px;
    }
    .text-box_component .block-relative .white-box_header {
        height: auto
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .col:nth-child(5) {
        flex-basis: 0;
    }
}
#vertical-img-text .block-white-border .white-box_header {
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    #vertical-img-text .mb30 {
        margin-bottom: 0;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    #vertical-img-text .block-white-border .white-box_header {
        height: 60px;
    }
}
#vertical-img-text .textbox-bottom-line-white {
    border-bottom: 1px solid #fff;
    height: 100px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1300px) and (min-width: 992px) {
    #vertical-img-text .textbox-bottom-line-white {
        height: 100px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #vertical-img-text .textbox-bottom-line-white {
        height: 135px;
    }
}
@media(max-width:1200px) and (min-width:768px) {
    /* .solutions .block-relative,
    .about .block-relative {
     padding-bottom:140px
    } */
    .solutions .dynamic-height,
    .about .dynamic-height {
     height:55%
    }
    .solutions .dynamic-height,
    .about .dynamic-height {
     height:55%
    }
}
@media (max-width: 991px) and (min-width: 768px){

}
@media (max-width: 991px) and (min-width: 768px) {
    #vertical-img-text .block-black-border,
    #vertical-img-text .block-relative
    {
        padding: 15px;
    }
    #dev-solutions .block-relative{
    	padding: 15px 15px 110px 15px;

	}
}
.solutions .block-fit,
.about .block-fit {
    padding: 30px;
    border: 1px solid #d8dada
}
@media(max-width:768px) {
    /* .solutions #dev-solutions .block-relative,
      .about .block-relative {
          padding-bottom: 100px;
      } */
   .solutions .block,
   .about .block {
    margin-top:15px;
    margin-bottom:15px;
    padding:15px
   }
   #vertical-img-text .block-relative {
    margin-top:15px;
    margin-bottom:15px;
    padding: 15px 15px 0 15px;
   }
   .solutions .block-relative .mb20,
   .about .block-relative .mb20 {
      padding-bottom: 20px;
   }
   .solutions #selectDevice .block-relative,
   .about #selectDevice .block-relative {
    padding-bottom:20px
   }
   .solutions .text-link .block-relative,
   .about .text-link .block-relative {
    padding-bottom:0
   }
   .solutions .block-fit,
   .solutions .block-gray,
   .about .block-fit,
   .about .block-gray {
    padding:15px
   }
   .solutions .block-black,
   .about .block-black {
    padding:30px
   }
   .solutions .block-black-border,
   .solutions .block-white-border,
   .solutions .block-white-border-plain,
   .about .block-black-border,
   .about .block-white-border,
   .about .block-white-border-plain {
    padding-left:15px;
    padding-right:15px
   }

  }
  @media (min-width: 768px) {
    #five-col-boxes .col {
        flex: 0 0 20%;
        max-width: 20%;
    }
}
  #five-col-boxes #vertical-img-text .block-black-border {
    padding: 30px 15px;
    margin-bottom: 20px;
}
@media (max-width: 1199px) and (min-width: 992px) {
    #five-col-boxes .col:nth-child(5) {
        flex-basis: unset;
        max-width: 25%;
    }
    #five-col-boxes .col {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    #five-col-boxes .col {
        flex-basis: unset;
        max-width: 33%;
        margin-bottom: 30px;
      }
}
@media (min-width: 768px) {
    #five-col-boxes h4 {
        height: 100px;
    }
}

#five-col-boxes ul {
    padding-left: 20px;
}
@media (min-width: 1200px) {
    #consult-prof-services .block-black-border h4 {
        height: 75px;
    }
    #consult-prof-services .block-black-border h5 {
        height: 120px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    #consult-prof-services .block-black-border h4 {
        height: 100px;
    }
    #consult-prof-services .block-black-border h5 {
        height: 180px;
    }
    #consult-prof-services .block-black-border ul {
        padding-left: 15px;
    }
    #consult-prof-services .block-black-border .btn-box-at-bottom {
        padding: 10px 25px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    #consult-prof-services .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #consult-prof-services .block-black-border h4 {
        height: 70px;
    }
}
#iot-service-bundles .block-white-border div span:first-child {
    width: 50px;
    display: inline-block;
}
.block-white-border div span:first-child {
    display: inline-block
}

.block-white-border div span:first-child img {
    width: 30px
}

@media (max-width: 991px) and (min-width: 769px) {
    .solutions .block-white-border,
    .about .block-white-border {
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .about .block-black-border
    {
        margin-bottom: inherit;
        height: inherit;
    }
}
.solutions .block-black-border .head-logo,
.about .block-black-border .head-logo {
    width: 100%;
    height: 85px;
    border-bottom: 4px solid #000;
    margin-bottom: 15px
}
.solutions .block-black-border .head-logo img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) and (min-width: 768px) {
    #iot-service-bundles .block-white-border div {
    	display: unset;
        height: 140px;
    	padding-bottom: 0;
    	float: left;
    }
    #iot-service-bundles .block-white-border .textbox-bottom-line-white {
		height: 65px;
    }
    #iot-service-bundles .block-white-border div div {
    	line-height: 25px;
    }
	#iot-service-bundles .block-white-border div span:first-child {
		width: 100%;
	}
}
@media (max-width: 767px) {
	#iot-service-bundles .block-white-border {
		padding-bottom: 20px;
	}
	#iot-service-bundles .block-white-border .textbox-bottom-line-white {
		height: auto;
	}

}

.solutions .devkits .col-md-4:last-child .block-black-border .content-body .col-md-6,
.about .devkits .col-md-4:last-child .block-black-border .content-body .col-md-6 {
    padding-right: 0
}

.solutions .devkits .block-black-border,
.about .devkits .block-black-border {
    padding: 20px
}

.solutions .devkits .block-black-border .head-logo,
.about .devkits .block-black-border .head-logo {
    border-bottom: 1px solid #000;
    height: 410px;
    display: flex;
    align-items: center
}

.solutions .devkits .block-black-border .head-logo .img-responsive,
.about .devkits .block-black-border .head-logo .img-responsive {
    padding-bottom: 20px
}

.solutions .devkits .block-black-border .content-body,
.about .devkits .block-black-border .content-body {
    height: 350px
}

.solutions .devkits .block-black-border .content-body .header,
.about .devkits .block-black-border .content-body .header {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

.solutions .devkits .block-black-border .content-body .body,
.about .devkits .block-black-border .content-body .body {
    font-size: 14px;
    margin-bottom: 20px
}

.solutions .devkits .block-black-border .content-body .footer p,
.about .devkits .block-black-border .content-body .footer p {
    font-size: 14px
}

.solutions .devkits .block-black-border .content-body .footer span,
.about .devkits .block-black-border .content-body .footer span {
    font-size: 10px
}

.solutions .devkits .block-black-border .right-carret,
.about .devkits .block-black-border .right-carret {
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media(max-width:767px) {
    .solutions .devkits .block-black-border,
    .about .devkits .block-black-border {
        margin-bottom: auto
    }
    .solutions .devkits .block-black-border .head-logo,
    .about .devkits .block-black-border .head-logo {
        height: auto
    }
    .solutions .devkits .block-black-border .content-body,
    .about .devkits .block-black-border .content-body {
        height: auto
    }
}

@media(max-width:767px) {
    .solutions .devkits .col-md-4:nth-child(2) .block-black-border .head-logo .img-responsive,
    .about .devkits .col-md-4:nth-child(2) .block-black-border .head-logo .img-responsive {
        width: 50%;
        margin: auto
    }
}

@media(max-width:767px) and (min-width:455px) {
    .solutions .devkits .col-md-4:first-child .block-black-border .head-logo .img-responsive,
    .solutions .devkits .col-md-4:last-child .block-black-border .head-logo .img-responsive,
    .about .devkits .col-md-4:first-child .block-black-border .head-logo .img-responsive,
    .about .devkits .col-md-4:last-child .block-black-border .head-logo .img-responsive {
        width: 70%;
        margin: auto
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .solutions .devkits .block-black-border .head-logo,
    .about .devkits .block-black-border .head-logo {
        height: 300px
    }
    .solutions .devkits .block-black-border .content-body,
    .about .devkits .block-black-border .content-body {
        height: 480px
    }
}

@media(max-width:991px) and (min-width:885px) {
    .solutions .devkits .block-black-border .head-logo,
    .about .devkits .block-black-border .head-logo {
        height: 250px
    }
    .solutions .devkits .block-black-border .content-body,
    .about .devkits .block-black-border .content-body {
        height: 570px
    }
}

@media(max-width:884px) and (min-width:768px) {
    .solutions .devkits .block-black-border .head-logo,
    .about .devkits .block-black-border .head-logo {
        height: 200px
    }
    .solutions .devkits .block-black-border .content-body,
    .about .devkits .block-black-border .content-body {
        height: 600px
    }
    .solutions .devkits .block-black-border .content-body .footer p,
    .about .devkits .block-black-border .content-body .footer p {
        font-size: 12px
    }
    .solutions .devkits .block-black-border .content-body .footer span,
    .about .devkits .block-black-border .content-body .footer span {
        font-size: 9px
    }
}