@media (max-width: 1400px){

    /* .servicesBox::before{
        width: 288px;
    } */

}

@media (max-width: 1200px){
    .servicesBox {
    
        height: 338px;
    }

    /* .servicesBox::before {
        width: 209px;
        height: 291px;
    } */
    /* .container-fluid{
        width: 90%;
    } */
}

@media (max-width: 992px){
   

    .servicesBox::before{
        left: 15px;
        top: 9px;
    }
    .servicesBox .serviceContent p{
        text-align: center;
    }
    /* .servicesBox {
        width: 350px;
        height: 300px;
    } */
    /* .servicesBox::before {
        width: 165px;
        height: 275px;
    } */

}

@media  (max-width: 768px){
    .servicesBox{
        margin-bottom: 23px;
        width: 317px;
    }

    .servicesBox::before {
        left: 11px;
        top: 9px;
            /* width: 290px;
            height: 280px; */
    }
    .imageBox{
        margin: 10px;
    }
    .servicesBoxPort{
        margin: 10px;
        width: 325px;
    height: 317px;
    }   


    
    .MainSection {
        width: 100%;
        
        /* height: auto; */
     
    }
    .customTabNav {
        flex-direction: row!important;
    }
    .customTabNav button{
width: 20%;
border: 1px solid red;


    }

    .tab-content {
        width: 94% !important;
    }
    .nav{

      
        flex-wrap: nowrap!important;
    }
    
    .nav-pills {
        height: 100%;
        width: 100%;
        background-color: #EEEEEE;
    }
    .certifiedImages{
        display: block;
    }
    
}
@media (max-width: 576px){
    .mainHead {
        width: 100%;
        padding: 93px 0px;
    }
    .mainHead .headLogoArea {
        display: block;
        
    }
    .mainHead h2{
        display: block;
        text-align: center;
        padding: 10px 0px;
    }
    .headLogoArea .vertiLine::after{
        display: none;
    }
    .servicesBoxPort {
        width: 400px;
        height: 401px;
    }

    .customTabNav{
        flex-direction: row!important;
    }
    .nav{

      
        flex-wrap: nowrap!important;
    }

    .nav-pills {
        height: 100%;
        width: 100%;
        background-color: #EEEEEE;
    }
   .tabMenuCustom{
    align-items: center;
   }
   .customTabNav{
       width: 80%;
       overflow-x: hidden;
   }
   .bottomArea {
    background: black;
    margin-top: 0px;
    padding-bottom: 104px;}

    .bottomArea .btnBox {
        left: 42%;
    }

    .tablistDesign ul li {
        margin: 0px;
       
    }
    .tablistDesign ul {
        padding-left: 0px;
    }
    .certifiedImages{
        display: block;
        display: inline-block;
    }

    .customTabNav  {
        display: block!important;
        margin: auto;
    }
    .nav-link{
padding-left: 0px;
    }
    .customTabNav button {
        width: 100%;
    }
    .tablistDesign ul li {
      display: inline-block;
        width: 100%;
    }
/*    
    .tablistDesign ul {
        padding-left: 0px;
        display: block;
    }  */

}

@media(max-width: 375px){
    .mainHead .headLogoArea {
        display: block;
        
    }
    .mainHead h2{
        display: block;
        text-align: center;
    }
    .servicesBoxPort {
        width: 400px;
        height: 317px;
    }
    .servicesBoxPort:hover:before {
        border: 4px solid #fff;
        z-index: 99;
        width: 251px;
        height: 274px}

        .certifiedImages {
            display: block!important;
        }

        .mainHead h2{
            font-size: 20px;
        }

        .tablistDesign ul {
            padding-left: 0px;
            display: block;
        } 
        
    
}

@media(max-width: 320px){

    .servicesBoxPort {
        width: 400px;
        height: 265px;
    }
        .servicesBoxPort:hover:before {
           
            width: 218px;
            height: 242px;
        }
 .tablistDesign ul {
        padding-left: 0px;
        display: block;
    } 
    
}