#vertical-img-text .block-black-border,
#vertical-img-text .block-white-border,
#vertical-img-text .block-relative  {
    padding: 30px;
    height: 100%;
    padding-bottom: 100px;
    border-radius: 5px;
    position: relative
}
#vertical-img-text .block-relative {
    border: 1px solid #d8dada;
}
#vertical-img-text .block-black-border {
    border: 1px solid #000;
}
#vertical-img-text .block-white-border {
    border: 1px solid #fff;
}
#vertical-img-text .block-none-border {
    height: 100%;
    padding-bottom: 100px;
    border-radius: 5px;
    position: relative
}
#partners-briefDescrition .icon-link-left {
    left: 0;
    bottom: 60px;
}
#partners-briefDescrition p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
}
#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;
}

/* START title text lengths inside .col-md-3 */
.col-md-3 .one-long-title,
.col-md-3 .two-lines-title {
    height: 90px;
}
.col-md-3 .three-lines-title {
    height: 100px;
}
.col-md-3 .four-lines-title {
    height: 130px;
}
.col-md-3 h3.one-long-title,
.col-md-3 h3.two-lines-title {
    height: 130px;
}
.col-md-3 h3.three-lines-title {
    height: 160px;
}
.col-md-3 h3.four-lines-title {
    height: 210px;
}
/* END title text lengths inside .col-md-3 */

/* START title text lengths inside .col-md-4 */
.col-md-4 .one-long-title,
.col-md-4 .two-lines-title { 
    height: 80px;
}
.col-md-4 .three-lines-title { 
    height: 100px;
}
.col-md-4 .four-lines-title {
    height: 130px;
}
.col-md-4 h3.one-long-title {
    height: 90px;
}
.col-md-4 h3.two-lines-title {
    height: 140px;
}
.col-md-4 h3.three-lines-title {
    height: 165px;
}
.col-md-4 h3.four-lines-title {
    height: 220px;
}
/* END title text lengths inside .col-md-4 */

/* START title text lengths inside .col-md-6 */
.col-md-6 .two-lines-title { 
    height: 80px;
}
.col-md-6 .three-lines-title { 
    height: 100px;
}
.col-md-6 .four-lines-title {
    height: 130px;
}
.col-md-6 h3.one-long-title {
    height: 100px
}
.col-md-6 h3.two-lines-title {
    height: 140px;
}
.col-md-6 h3.three-lines-title {
    height: 180px;
}
.col-md-6 h3.four-lines-title {
    height: 220px;
}
/* END title text lengths inside .col-md-6 */

/* START title text lengths inside .col (5 columnes) */
.col .one-long-title, 
.col .two-lines-title {
    height: 70px
}
.col .three-lines-title {
    height: 100px;
}
.col .four-lines-title {
    height: 150px;
}
.col h3.one-long-title, 
.col h3.two-lines-title {
    height: 120px;
}
.col h3.three-lines-title {
    height: 160px;
}
.col h3.four-lines-title {
    height: 200px;
}
/* END title text lengths inside .col (5 columnes) */

.btn-box-at-bottom {
    position: absolute;
    bottom: 30px;
    left: auto;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .text-box_component .block-relative .white-box_header {
        height: 90px
    }
}
@media (max-width: 991px) {
    .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%
    }
    .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){
    .text-box_component .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@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;
    }
}
.block-black-border .head-logo,
.block-none-border .head-logo {
    width: 100%;
    /* height: 85px; */
    /* border-bottom: 4px solid #000; */
    margin-bottom: 30px
}
.block-black-border .head-logo img,
.block-none-border .head-logo img  {
    max-width: 80%;
    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
    }
}

.coral-TabPanel-navigation > .coral-TabPanel-tab.is-active {
    color: red;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .col-md-3 .one-long-title,
    .col-md-3 .two-lines-title {
        height: 130px;
    }
    .col-md-3 .three-lines-title {
        height: 190px;
    }
    .col-md-3 .four-lines-title {
        height: 210px;
    }
    .col-md-3 h3.one-long-title,
    .col-md-3 h3.two-lines-title {
        height: 150px;
    }
    .col-md-3 h3.three-lines-title {
        height: 235px;
    }
    .col-md-3 h3.four-lines-title {
        height: 165px;
    }

    .col-md-4 .one-long-title,
    .col-md-4 .two-lines-title {
        height: 110px;
    }
    .col-md-4 .three-lines-title {
        height: 145px;
    }
    .col-md-4 .four-lines-title {
        height: 175px;
    }
    .col-md-4 h3.one-long-title {
        height: 110px;
    }
    .col-md-4 h3.two-lines-title {
        height: 185px;
    }
    .col-md-4 h3.three-lines-title {
        height: 265px;
    }
    .col-md-4 h3.four-lines-title {
        height: 350px;
    }

    .col-md-6 .one-long-title {
        height: 70px
    }
    .col-md-6 .two-lines-title {
        height: 115px;
    }
    .col-md-6 .three-lines-title {
        height: 135px;
    }
    .col-md-6 .four-lines-title {
        height: 160px;
    }
    .col-md-6 h3.one-long-title {
        height: 120px;
    }
    .col-md-6 h3.two-lines-title {
        height: 190px;
    }
    .col-md-6 h3.three-lines-title {
        height: 240px;
    }
    .col-md-6 h3.four-lines-title {
        height: 290px;
    }

    .col .one-long-title, 
    .col .two-lines-title {
        height: 100px;
    }
    .col .three-lines-title {
        height: 200px;
    }
    .col .four-lines-title {
        height: 270px;
    }
    .col h3.three-lines-title {
        height: 170px;
    }
    .col h3.four-lines-title {
        height: 210px;
    }
    .col-md-3 .btn-default {
        padding: 5px 15px
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .col-md-3 .one-long-title,
    .col-md-3 .two-lines-title {
        height: 80px;
    }
    .col-md-3 .three-lines-title {
        height: 200px;
    }
    .col-md-3 .four-lines-title {
        height: 260px;
    }
    .col-md-3 h3.one-long-title,
    .col-md-3 h3.two-lines-title {
        height: 135px;
        font-size: 1.5rem;
    }
    .col-md-3 h3.three-lines-title {
        height: 180px;
        font-size: 1.5rem;
    }
    .col-md-3 h3.four-lines-title {
        height: 130px;
        font-size: 1.2rem;
    }
    .col-md-4 .one-long-title,
    .col-md-4 .two-lines-title {
        height: 125px;
    }
    .col-md-4 .three-lines-title {
        height: 165px;
    }
    .col-md-4 .four-lines-title {
        height: 225px;
    }
    .col-md-4 h3.one-long-title {
        height: 110px;
        font-size: 1.5rem;
    }
    .col-md-4 h3.two-lines-title {
        height: 140px;
        font-size: 1.5rem;
    }
    .col-md-4 h3.three-lines-title {
        height: 180px;
        font-size: 1.5rem;
    }
    .col-md-4 h3.four-lines-title {
        height: 250px;
        font-size: 1.5rem;
    }

    .col-md-6 .one-long-title {
        height: 80px
    }
    .col-md-6 .two-lines-title {
        height: 130px;
    }
    .col-md-6 .three-lines-title {
        height: 160px;
    }
    .col-md-6 .four-lines-title {
        height: 200px;
    }
    .col-md-6 h3.one-long-title {
        height: 140px;
    }
    .col-md-6 h3.two-lines-title {
        height: 180px;
    }
    .col-md-6 h3.three-lines-title {
        height: 280px;
    }
    .col-md-6 h3.four-lines-title {
        height: 345px;
    }
    .col .one-long-title, 
    .col .two-lines-title {
        height: 80px;
    }
    .col .three-lines-title,
    .col .four-lines-title {
        height: 110px;
    }
    .col h3.three-lines-title {
        height: 130px;
    }
    .col h3.four-lines-title {
        height: 150px;
    }
    /* h3 {
        font-size: 1.5rem;
    } */
}
@media (max-width: 884px) {
    .col-md-6 h3.one-long-title {
        height: 90px;
    }
    .col-md-6 h3.two-lines-title {
        height: 115px;
    }
    .col-md-6 h3.three-lines-title {
        height: 175px;
    }
    .col-md-6 h3.four-lines-title {
        height: 200px;
    }
    .col-md-4 h3.one-long-title {
        height: 90px;
    }
    .col-md-4 h3.two-lines-title {
        height: 150px;
    }
    .col-md-4 h3.three-lines-title {
        height: 200px;
    }
    .col-md-4 h3.four-lines-title {
        height: 265px;
    }
    .col-md-3 h3.one-long-title,
    .col-md-3 h3.two-lines-title {
        height: 135px;
        font-size: 1.5rem;
    }
    .col-md-3 h3.three-lines-title {
        height: 180px;
        font-size: 1.5rem;
    }
    .col-md-3 h3.four-lines-title {
        height: 145px;
        font-size: 1.2rem;
    }
    .col h3.one-long-title, 
    .col h3.two-lines-title {
        height: 90px;
    }
    .col h3.three-lines-title {
        height: 115px;
    }
}
@media (max-width: 767px) {
    .col-md-3 .one-long-title, 
    .col-md-3 .two-lines-title,
    .col-md-3 .three-lines-title,
    .col-md-3 .four-lines-title,
    .col-md-3 h3.one-long-title,
    .col-md-3 h3.two-lines-title,
    .col-md-3 h3.three-lines-title,
    .col-md-3 h3.four-lines-title,

    .col-md-4 .one-long-title,
    .col-md-4 .two-lines-title,
    .col-md-4 .three-lines-title, 
    .col-md-4 .four-lines-title,
    .col-md-4 h3.one-long-title,
    .col-md-4 h3.two-lines-title,
    .col-md-4 h3.three-lines-title,
    .col-md-4 h3.four-lines-title,

    .col-md-6 .one-long-title,
    .col-md-6 .two-lines-title,
    .col-md-6 .three-lines-title,
    .col-md-6 .four-lines-title,
    .col-md-6 h3.one-long-title,
    .col-md-6 h3.two-lines-title,
    .col-md-6 h3.three-lines-title,
    .col-md-6 h3.four-lines-title,
    
    .col .one-long-title, 
    .col .two-lines-title,
    .col .three-lines-title,
    .col .four-lines-title,
    .col h3.one-long-title, 
    .col h3.two-lines-title,
    .col h3.three-lines-title,
    .col h3.four-lines-title{
        height: auto;
    }
    
    .btn-box-at-bottom {
        position: initial;
    }
}
@media (max-width: 1130px) and (min-width: 768px){
   #partners-briefDescrition .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
   }
}
@media (max-width: 768px) {
    .block-black-border .head-logo img,
    .block-none-border .head-logo img  {
        max-width: 50%;
    }
    #vertical-img-text .block-none-border {
        padding-bottom: 10px
    }
    .icon-link-left {
        position: initial;
    }
}