/********************************************************/
/* over devices **********************************/
/***/ 
@media only screen and (min-width: 1600px){

}

/********************************************************/
/* xxl devices **********************************/
/***/   
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  

}

/********************************************************/
/* xl devices **********************************/
/***/ 
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  

}


/********************************************************/
/* lg devices **********************************/
/***/  
@media only screen and (min-width: 992px) and (max-width: 1199px) {

   
.tt-footer a.tt-footer-logo img{
    width: 100%;
}

}
  
/********************************************************/
/* md devices **********************************/
/********************************************************/

@media only screen and (min-width: 768px) and (max-width: 991px) {


/* map section */

.map-title p {
    width: 100%;
}

.tt-footer a.tt-footer-logo img{
    width: 100%;
}

}
  

/********************************************************/
/* xs devices **********************************/
/********************************************************/
@media (max-width: 767px){


    .about .container.wrapper {
        display: block;
    }

    .portfolio-container .col-lg-6.col-xl-3{
        margin-bottom: 50px;
    }

    .portfolio-container .col-lg-6.col-xl-3:nth-child{
        margin-bottom: 0;
    }

    .why-bar .wgrid{
        display: block;
    }

    .why-item {
        margin-bottom: 25px;
    }
}
   

/********************************************************/
/* sm devices **********************************/
/********************************************************/

@media only screen and (min-width: 576px) and (max-width: 767px){




}
     


/********************************************************/
/* sm devices 375px to 430px **********************************/
/********************************************************/

@media only screen and (min-width: 375px) and (max-width: 430px){

/* Top Area */

.top-right{
    display: none;
}

.tt-header-margin-1 {
    height: 10px;
}

.main-title {
    font-size: 30px;
    line-height: 40px;
}

/* commercial area */

.COMMERCIAL-ABOUT-DESC {
    max-width: 100%;
    font-size: 16px;
}

.COMMERCIAL-ABOUT-CARD {
    margin-top: 0px;
}

/* service area */

.service-title {
    font-size: 24px;
}


/* choose us area */

.choose-us {
    background: #F5F4F4;
    padding: 35px 20px;
    margin-top: 0px;
}

.choose-us-title.text-center h2 {
    font-size: 30px;
}

.col-md-6 .choose-single {
    margin-bottom: 55px;
}

.COMMERCIAL-ABOUT-TITLE {
    font-size: 40px;
}

.COMMERCIAL-FEATURE-TITLE {
    font-size: 23px;
}


/* map section */

.map-title p {
    width: 100%;
}


.service_process_items.ul_li{
    display: block;
}


}