/*------------------------------------------------------------------
[Table of contents]
1. Styles for devices(>1200px)
2. Styles for devices(>=992px and <=1199px)
3. Styles for devices(>=768px and <=992px)
4. Styles for devices(>=481px and <=767px)
5. Styles for devices(<=480px)
-------------------------------------------------------------------*/
/*----------------
[1. Styles for devices(>1200px)]
*/
@media (min-width: 1201px) {
    #ccr-nav-main {
        display: block
    }
    .main-menu {
        display: none
    }    
}
@media (max-width: 1200px) {
    #ccr-nav-main {
        display: none
    }
    .main-menu {
        display: block
    }
    .form-search {
        bottom: -35px;
        z-index: 6;
        background: none;
    }
    .inputsearch::-webkit-input-placeholder {
        color: #fff;
    }

    .inputsearch:-moz-placeholder {
        color: #fff;
    }
}
/*----------------
[2. Styles for devices(>=993px and <=1200px)]
*/
@media (min-width: 993px) and (max-width: 1200px) {
}
/*--------------------
[3. Styles for devices(>=768px and <=992px)]
*/
@media (min-width: 768px) and (max-width: 992px) {
    .inputsearch {
        color:#fff
    }
   
    .ccr-content-section {
        width: 70%;
    }
    .ccr-right-section {
        width: 30%;
    }
    .homeslider {
        width: 60%;
        max-height: 280px;
        overflow: hidden;
        position: relative;
    }

        .homeslider .bx-viewport {
            height: 280px !important;
        }

    .right-box {
        width: 40%;
    }

        .right-box .tab-content {
            max-height: 250px;
        }

    .box-news-1, .box-news-2, .box-news-3, .box-news-4 {
        width: 100%;
    }
    .box-slider {
        bottom: -50px;
    }
    .blog-list.grid li {
        width: 33.33333333%;
    }
    }
/*--------------------
[4. Styles for devices(>=481px and <=767px)]
*/
@media (min-width: 481px) and (max-width: 767px) {
	.inputsearch {
        color:#fff
    }
    .ccr-content-section {
        width: 100%;
    }

    .ccr-right-section {
        width: 100%;
    }

    .homeslider {
        width: 60%;
        max-height: 280px;
        overflow: hidden;
        position: relative;
    }

        .homeslider .bx-viewport {
            height: 280px !important;
        }

    .right-box {
        width: 40%;
    }

        .right-box .tab-content {
            max-height: 250px;
        }

    .box-news-1, .box-news-2, .box-news-3, .box-news-4 {
        width: 100%;
    }

    .box-slider {
        bottom: -50px;
    }
    .blog-list.grid li {
        width: 50%;
    }
}

/*--------------------
[5. Styles for devices(<=480px)]
*/
@media (max-width: 480px) {
	.inputsearch {
        color:#fff
    }
    .ccr-content-section {
        width: 100%;
    }

    .ccr-right-section {
        width: 100%;
    }

    .homeslider {
        width: 100%;
        max-height: 280px;
        overflow: hidden;
        position: relative;
    }

        .homeslider .bx-viewport {
            height: 280px !important;
        }
#contenhomeslider li {
    height: 100%;
    max-height: 230px;
}
    .right-box {
        width: 100%;
    }

        .right-box .tab-content {
            max-height: 250px;
        }

    .box-news-1, .box-news-2, .box-news-3, .box-news-4 {
        width: 100%;
    }

    .box-slider {
        bottom: -50px;
    }
    .blog-list.grid li {
        width: 50%;
    }
    .sortPagiBar .show-product-item, .sortPagiBar .sort-product {
        width: 100%;
        margin-top:10px;
    }
    .condition-search .form-category {
        height: 31px;
    }
    .form-category .btn {
        background: 0 0;
        font-weight: 700;
        padding: 5px 3px;
    }
    .form-control {
        height: 31px;
        padding: 0px 5px;
        border-radius: 0;
    }
    .condition-search .input-serach {
        height: 31px;
    }
        .condition-search .input-serach input {
            height: 29px;
            padding: 0px 5px;
        }
    .condition-search .btn-search {
        width: 31px;
        height: 31px;
    }
    .width50{
        width:100%;
    }
.popup222 .ui-draggable{
	display: block;
    position: fixed;
    margin-top: 0 !important;
    margin-left: 0 !important;
    top: 30% !important;
    left: 0 !important;
    width: 100% !important;}
    }