@media only screen and (max-width:1025px) {
    .container {
        width: 94%;
        margin: 0 3%;
    }
    .category_content {
        width: 100%;
        float: left;
        height: 100vh;
        overflow: scroll;
        overflow-x: hidden;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 979px) {
    .container {
        width: 93%;
        margin: 0 3%;
    }
    header {
        width: 100%;
        float: left;
        border-bottom: #929292 solid 1px;
        padding: 30px 0px 10px;
    }
    .top_header_right_content {
        float: right;
        margin-top: 17px;
        text-align: left;
    }
    .login_bg {
        background: url(../img/login-bg-mobile.png) no-repeat center center fixed !important;
        -webkit-background-position: top center !important;
        -moz-background-position: top center !important;
        -o-background-position: top center !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
        -webkit-background-attachment: fixed !important;
        -moz-background-attahcment: fixed !important;
        -o-background-attachment: fixed !important;
        background-attachment: fixed !important;
    }
    .product_detail_content {
        width: 65%;
        display: inline-block;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        width: 93%;
        display: block;
        margin: auto;
    }
    header {
        width: 100%;
        float: left;
        border-bottom: none;
        padding: 66px 0px 10px;
    }
    .logo {
        float: left;
        width: 100%;
        text-align: center;
    }
    .top_header_right_content {
        float: right;
        margin-top: 28px;
        width: 100%;
        text-align: center;
    }
    .copy_right p {
        float: left;
        font-size: 14px;
        color: #333333;
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
        font-weight: 300;
    }
    .copy_right {
        float: left;
        width: 100%;
    }
    .powerby {
        float: right;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    .home_bg {
        background: url(../img/mobile-bg.png) no-repeat center center fixed !important;
        -webkit-background-position: top center !important;
        -moz-background-position: top center !important;
        -o-background-position: top center !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
        -webkit-background-attachment: fixed !important;
        -moz-background-attahcment: fixed !important;
        -o-background-attachment: fixed !important;
        background-attachment: fixed !important;
    }
    .login_form_content {
        width: 100%;
        display: inline-block;
        background: #fff;
        padding: 20px 50px 80px;
        border-radius: 50px;
        text-align: left;
        text-align: center;
    }
    .modal_bg {
        width: 56px;
        float: left;
        height: 21px;
        border: none;
        background: url(../img/menu-bg.png) no-repeat top center;
        outline: none;
        margin-right: 20px;
        margin-top: -47px;
    }
    .breadcrumbs_content {
        width: 100%;
        float: left;
        text-align: center;
    }
    .breadcrumbs_list_content {
        display: inline-block;
    }
    section.products_content {
        width: 100%;
        float: left;
        margin-top: 30px;
        padding-bottom: 100px;
    }
    .login_middle_content {
        width: 100%;
        text-align: right;
        margin-top: 0px;
        padding: 308px 0px 90px;
    }
    section.product_detail {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 30px;
        padding-bottom: 150px;
    }
}

@media only screen and (max-width: 479px) {
    .container {
        width: 100%;
        display: block;
        margin: auto;
    }
    .modal-dialog {
        max-width: 300px;
        margin: 0px !important;
    }
    .breadcrumbs_heading_links {
        font-size: 18px;
        color: #333333;
        text-decoration: none;
        margin-right: 10px;
        float: left;
        font-weight: 300;
    }
    .breadcrumbs_list_content ul li {
        float: left;
        list-style: none;
        border-right: #333333 solid 1px;
        line-height: 15px;
        margin-right: 10px;
        color: #333333;
        font-size: 15px;
        padding-right: 10px;
        font-weight: 300;
    }
    .breadcrumbs_list_content ul li a {
        float: left;
        text-decoration: none;
        color: #333333;
        font-size: 15px;
        font-weight: 300;
    }
    .breadcrumbs_heading_links i {
        margin-right: 20px;
        font-size: 28px;
        float: left;
    }
    .breadcrumbs_list_content ul {
        float: left;
        margin: 7px 0px 0px 10px;
        padding: 0px;
    }
    .products_heading h2 {
        width: 133px;
        display: inline-block;
        background: #fff39d;
        text-align: center;
        font-size: 14px;
        color: #000;
        padding: 8px 0px;
    }
    .login_middle_content {
        width: 100%;
        text-align: right;
        margin-top: 0px;
        padding: 0px 0px 0px;
    }
    .product_art_content h2 {
        float: left;
        background: #fff39d;
        text-align: center;
        font-size: 19px;
        color: #000;
        padding: 8px 15px;
        margin-bottom: 20px;
    }
    .breadcrumbs_list_content h2 {
    float: left;
    font-size: 18px;
    color: #000;
    font-weight: 300;
    margin-top: 4px;
    margin-right:15px;
}
.products_pic figure {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    height: 214px;
    position: relative;
}
}