@media screen and (min-width: 769px){


    .page-template-about .main-post-part{
        margin-top: -30px;
    }


    .acomment-list .children li{
        position: relative;
        right: 70px;
    }

    .w-85{
        width: 85%;
        margin: 0 auto;
    }

    .row-custom{
        margin-right: -10px;
        margin-left: -10px;
    }

    .row-custom [class*="col-"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .main-about{
        padding: 45px 30px;
    }

    .hero-site .socials {
        position: absolute;
        bottom: -5px;
        right: 0;
    }

    .banner-caption .cbutton {
        margin-top: 8px;
    }


    .banner-middle .col-md-2 {
        flex: 0 0 11.667%;
        max-width: 11.667%;
    }

    .banner-middle .col-md-10 {
        flex: 0 0 88.333%;
        max-width: 88.333%;
    }

    .mainft-address{
        padding-right: 20px;
    }

    .nwsl-form{
        margin-top: -11px;
    }


    .hero-site{
        padding-top: 150px;
    }

    .layer-about{
        right: -350px;
        width: 65%;
    }

    .hero-site .cdesc{
        max-width: 70%;
    }

    .layer-about span {
        position: absolute;
        bottom: 23px;
        background: #ffffff4d;
        border-radius: 5px 0 0 5px;
        color: #fff;
        padding: 5px 20px;
        right: 0;
        left: 100px;
        text-align: left;
        font-size: 16px;
    }

    .page-template-about .main-post-part{
        width:85%;
    }

    .post-part{
        width: 85%;
        margin: 0 auto;
    }

    .page-template-about .post-part{
        width: 100%;
    }

    .page-template-about .main-post-part{
        padding: 30px;
        padding-top: 0;
    }
}


@media screen and (max-width: 1200px) {
    .container{
        max-width: 95%;
    }
}

@media screen and (max-width: 992px) {

    .scrolldown{
        margin-top: 20px;
    }

    .main-about{
        padding: 0 30px !important;
    }
}

@media screen and (max-width: 769px){
	
	
	.dataTables_wrapper {
		width: 100%;
	}

	.dataTables_wrapper .tablepress {
	  
		overflow: hidden;
			overflow-x: hidden;
		overflow-x: hidden;
		overflow-x: visible;
		-webkit-overflow-scrolling: touch !important;
		white-space: nowrap !important;
	}
	
	.dataTables_filter{
		float:none !important;
	}
	
	.dataTables_filter label {
		width: 100% !important;
		display:block;
	}

	.dataTables_info {
		position: static;
	 
		float: none !important;
		text-align:center;
	}
	
	.column-filter-widgets {
		background: #f7f7f7;
		display: none;
	}

	.dataTables_filter {
		position: static;
		margin-bottom: 20px;
	}

	.dataTables_filter input{
		width:100% !important;
	}
	
	#cancel-comment-reply-link {
	   position:static;
	   margin-bottom:5px;
	}

    .logo-about{
        display: none;
    }

    .single #commentform #phone {
        margin-bottom: 15px;
    }

    .single #commentform #comment {
        min-height: 120px;
    }

    .ctitle h3,.ctitle h1{
        line-height: 40px;
    }

    .isreply {
        position: absolute;
        font-size: 20px;
        right: -18px;
        top: -30px;
    }

    .acomment-list .children li{
        margin-right: 20px;
    }

    .acomment-list li{
        padding: 20px;
    }

    .author-avatar {
        width: 40px;
        height: 40px;
        position: static;
        margin-right: 0;
        margin-bottom: 10px;
    }


    .acomment-list li .icon-quote-left-1 {
        position: absolute;
        font-size: 20px;
        left: 20px;
        top: 28px;
    }

    .title-comment {
        font-size: 13px;
    }

    .author-avatar img {
        width: 100%;
        height: auto;
    }

    .shop_attributes{
        overflow: hidden;
        overflow-x: auto;
    }

    .shop_attributes .attribute_name,.shop_attributes .attribute_value {
        min-width: 200px;
        max-width: 200px;
    }

    .habout .container{
        padding-top: 20px;
    }

    .home .header-site{
        margin-bottom: 30px;
    }

    .images-thumb-pro .owl-next {
        left: -30px;
    }

    .images-thumb-pro {
        padding: 0 52px;
    }

    .page-template-about .main-post-part:before{
        display: none;
    }

    .main-about{
        padding: 0 !important;
    }

    .habout .container{
        padding-bottom: 0;
    }

    .banner-caption::before {
        display: none;
    }

    .main-about,.cdesc{
        text-align: justify;
    }

    .item-post{
        margin-bottom: 30px;
    }

    .image-post {
        display: inline-block;
    }

    .banner-layer {
        background: linear-gradient(to bottom,transparent,#222);
    }

    .banner-caption {
        padding: 10px 20px;
    }

    .owl-products .owl-nav {
        position: static;
        text-align: center;
    }

    .item-product .media img {
        max-width: 90px;
    }


    .header-site,.nwsl{
        padding: 20px;
    }

    .layer-about{
        display: none;
    }
	
	.dataTables_wrapper {
		overflow-x: auto;
	}
}

@media screen and (max-width: 576px){
    .item-product .media img {
        max-width: 70px;
    }
    .tab-info-product{
        text-align: center;
        border-radius: 15px;
    }

    .tab-info-product a{
        display: block;
        border-radius: 0;
    }

}

@media screen and (max-width: 470px){

    .head-layer{
        height: 70px;
    }

    .searching-bar input {
        font-size: 12px;
        position: relative;
        top: 2px;
    }

    .comcol{
        flex: 0 0 60%;
        max-width: 60%;
    }

    .logocol{
        flex: 0 0 40%;
        max-width: 40%;
    }

    .logocol img{
        max-width: 100%;
    }

    #comparenumber {
        display: none !important;
    }

    .search-comop a {
        padding: 2px 10px;
    }

    .search-comop {
        width: 69px;
    }

    .search-top span, .search-top {
        width: 35px;
    }

    .search-top i {
        position: relative;
        left: 5px;
    }

    #mymenu{
        padding: 0 8px;
    }

    .search-comop,#mymenu{
        top: 0;
    }

}

@media screen and (max-width: 420px){
    .item-product .media img {
        max-width: 90px;
    }

    .nwsl-form button{
        width: 100%;
        position: static;
        margin-top: 5px;
    }

    .nwsl-form input {
        border-radius: 15px 15px 0 15px;
    }
}