@media (max-width: 1366px) {}

@media (min-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 20px;
        background-color: #03a9f5;
        color: #fff;
    }

    .logoCol {
        background-color: transparent;
    }

    header:before {
        display: none;
    }

    .navbar-nav {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0px 10px 30px rgba(3, 169, 245, 0.7);
    }

    .newsSection .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .experienceText h3{
        font-size: 24px;
    }
}

@media (max-width: 860px) {

    .callNowBox .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .clientTestoCol .titleLine {
        margin-left: 0px;
    }

    .bgYellowAfter {}

    .clientTestoCol .owl-nav.disabled+.owl-dots {
        padding-left: 0px;
    }

    .aboutSection .bgSkyBlue,
    .aboutSection .aboutRightCol {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .aboutSection:before,
    .triangle:before,
    .triangle:after,
    .keyExperiencCol:before,
    .keyExperiencCol:after,
    .bgYellowAfter:after {
        display: none;
    }

    .aboutRightCol {
        padding-left: 15px;
    }

    .keyExperiencCol {
        padding-right: 15px;
    }

    .ptb_100,
    .aboutSection .ptb_75 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .aboutTextLeft {
        text-align: center;
        padding-right: 0px;
    }

    .titleLine:before {
        left: 50%;
        transform: translateX(-50%);
    }

    .titleLine:after {
        left: 50%;
        transform: translateX(-50%);
    }

    .aboutPoint,
    .clientTestoCol .titleLine,
    .titleLine {
        text-align: center;
    }
    .aboutPoint{
        text-align: left;
    }

    .serviceImg:after {
        height: 35px;
    }
    .serviceImg{
        max-height:330px;
    }
    .clientTestoCol .owl-nav.disabled+.owl-dots {
        margin-top: 0px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .testoItem .testoText {
        text-align: center;
    }

    .clientInfo {
        justify-content: center;
    }

    .callNowBox:after {
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
    }

    .callNowBox:before {
        top: 50%;
        margin-top: -23px;
        z-index: 999;
    }

    .callCol {
        padding: 40px 25px;
    }

    .callNowBox,
    .clientTestoCol,
    .bgSkyBlue {
        border-radius: 10px;
    }

    .bgSkyBlue {
        margin-top: 40px;
    }

    .callCol {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer .row>.col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    footer .row>.col-md-4,
    footer .row>.col-md-5,  .servicesPage .bgHolder, .servicesPage .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ourExperienceSection {
        overflow: hidden;
    }

    .innerHeader {
        height: 65px;
    }

    .innerPagesBody {
        padding-top: 65px;
    }
    .servicesPage .col-md-6, .servicesPage .bgHolder {
         margin-left: 0px;
    }

}

@media (max-width:768px) {

    .ourStory .col-md-4, .servicesPage .bgHolder, .servicesPage .col-md-6  {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .servicesPage .bgHolder{
        height: 340px;
    }

    .order-1 {
        order: -1;
    }

    .ourStory p,
    .ourStory,
    .aboutSection {
        text-align: center;
    }

    .arrowList li {
        text-align: left;
    }

    .pageTitleSection {
        min-height: 180px;
    }

    .wrapper_445 {
        max-width: 100%;
    }

    .contactInfoList {
        margin: 0px auto;
        max-width: 320px;
        text-align: left;
    }

    .contactFormRow .col-lg-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .contactFormRow {
        text-align: center;
    }

    .socialLink {
        align-items: center;
        justify-content: center;
    }

    .contactFormRow .ptb_75 {
        padding-top: 30px;
    }

    .contactForm {
        margin-top: 40px;
    }

    .contactForm .row .col-md-6:last-child {

        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .item-column,  .testPage .col-lg-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .servicesPage{

    }
    .testoWhite{
        padding-left: 0px;
        padding-right: 0px;
    }
   
}

@media (max-width: 767px) {
    .pb_45 {
        padding-bottom: 45px;
    }
    .middle {
        padding: 0px 20px;
    }
    .ourExperienceSection,
    .experienceText h3,
    .experienceText p {
        text-align: left;
    }

    .experienceText {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .callCol {
        display: block;
        text-align: center;
    }

    .callCenterText {
        padding: 0px;
    }

    footer .row>.col-md-4,
    footer .row>.col-md-5,  .testPage .col-lg-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    footer h6 {
        margin-top: 40px;
    }

    footer .row>.col-md-3 {
        margin-bottom: 0px;
    }

    .newsCol {
        flex-direction: column;
    }

    .newsCol .newsImg {
        width: 100%;
        height: auto;
        min-width: 100%;

    }

    .newsCol .newsText {
        width: 100%;
    }
    .productDetails{
        text-align: center;
    }
    .productBasicInfo .textCol{
        text-align: left;
    }
    .item-column{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .testoItem{
        padding: 15px;
    }
    .testPage .testoText:before{
        right: 90%;
        top: 20px;
    }
    .testPage .testoText:after{
        left: 90%;
        bottom: 15px;
    }
    .modal-content {
        min-width: auto;
        height: 557px !important;
    }
    .popUp .newsHead {
         padding: 0px; 
    }
    .modal-dialog {
        top: 10%;
    }
    .hoverBg .experienceImg{
        position: relative;
    }
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .p_45{
        padding: 45px 0px;
    }
    p.subtitle01 {
        width: 42%;
    }
    .hoverBg {
        margin: 50px 0px;
    }
    p.subtitle01 {
        width: 100%;
    }
    .heroBG {
        background-image: none;
        background-color: #d7e9f3;
       
    }
   .heroBG3 p.subtitle01 {
        width: 100%;
    }
   
    .headerTitle {
        font-size: 30px;
    }
    .owl-theme .owl-nav {
        display: none;
    }
}

@media (max-width: 480px) {

    .wrapper_445 {
        padding-left: 15px;
        padding-right: 15px;
    }
  
}

@media (max-width: 414px) {

   

}

@media (max-width: 375px) {}