@media only screen and (max-width: 1024px) {
    .container{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .col-md-16, .col-md-8{
        width: 100% !important;
    }
    .container .row{
        text-align: center;
    }
    .sdt{
        float: none !important;
        display: inline-block;
        margin-bottom: 10px;
    }
    .fontface{
        display: block;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 980px) {
}
@media only screen and (max-width: 800px){
}
@media only screen and (max-width: 780px) {
}
@media only screen and (max-width: 768px) {   
}
@media only screen and (max-width: 767px) {
    .cat-item{
        height: auto !important;
        overflow: auto;
        margin-bottom: 20px;
    }
    #wrapper .header-content{
        width: 100% !important;
        max-width: 100% !important;
    }
    #wrapper .menu-box{
        position: absolute;
    }
    .slider-content .bx-wrapper .bx-viewport{
        left: 0;
    }
    .wpcf7-form-control-wrap>input{
        width: 96% !important;
    }
    .wpcf7-form-control-wrap>textarea{
        width: 96% !important;
    }
    .content_serverice h2{
        max-width: 100% !important;
        padding: 5px 0px !important;
    }
    .button_share{
        display: none !important;
    }
}
@media only screen and (max-width: 720px) {
}
@media only screen and (max-width: 640px) {
    ul.releated li{
        width: 50% !important;
    }
}
@media only screen and (max-width: 600px) {
    .post-entry-content-wrapper img{
        max-width: 150px;
    }
    .wpcf7-form-control-wrap>textarea{
        width: 95% !important;
    }
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 563px) {
}
@media only screen and (max-width: 549px) {
}
@media only screen and (max-width: 534px) {
}
@media only screen and (max-width: 480px) {
    .bg_hot{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .home-blogs-hot h2.block-title{
        margin: 10px 0px 15px !important;
        font-size: 20px !important;
    }
    ul.releated li{
        width: 50% !important;
    }   
    .wpcf7-form-control-wrap>textarea{
        width: 96% !important;
    } 
    .wpcf7-form-control-wrap>textarea{
        width: 93% !important;
    }
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 360px) {
    .post-entry-content-wrapper img{
        max-width: 100%;
        width: 100%;
        float: none;
    }
    ul.releated li{
        width: 100% !important;
    } 
}
@media only screen and (max-width: 338px) {
}
@media only screen and (max-width: 330px) {
}
@media only screen and (max-width: 320px) {
}