/* 
 * 	Responsive CSS File
 *	v1.0
 */

/* clearfix */
@media (min-width: 1770px) {
    .container {
        width: 1740px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1769px) {
    .container {
        width: 1170px;
        max-width: 100%;
    }

    .styles-header {
        display: block;
    }

    .footer-sub-title {
        font-size: 22px;
    }
}

@media (max-width: 1280px) {
    /* body {
        padding: 20px;
    }
    
    .top-bg, .bottom-part {
        height: 20px;
    }
    
    .footer {
        bottom: 20px;
        border-left: 20px solid #fff;
        border-right: 20px solid #fff;
    } */

    .bottom-bg {
        margin-bottom: 384px;
    }

    /* .banner {
        background-position: center 20px;
    } */

    .container {
        max-width: 100%;
    }

    .footer-inner {
        padding: 0 20px;
    }

    .footer-title {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .footer-sub-title {
        font-size: 18px;
    }

}

@media (min-width: 1200px) {
    /* .container {
        width: 1200px;
    } */

    .banner {
        min-height: 337px;
    }
}

@media (max-width: 1199px) {
    /* Header */
    /* Column */

    .banner-detail .banner-detail-inner .banner-title {
        font-size: 25px;
        /*font-weight: 400;*/
    }

    .banner-detail .banner-detail-inner span.offer {
        font-size: 18px;
        padding: 17px 50px;
    }

    .banner-detail .banner-detail-inner span.slogan {
        font-size: 22px;
    }

    .page-screenshot {
        padding: 70px 0;
    }

    .styles-header {
        display: block;
    }
}

@media (min-width: 992px) {
}

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

    /* Content */

    /* Footer */

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

    /* Content */
}
@media (max-width: 991px) {

    .center-sm {
        text-align: center;
    }

    .float-none-sm {
        float: none !important;
    }

    .float-left-sm {
        float: left !important;
    }

    .float-right-sm {
        float: right !important;
    }

    .ptb-sm-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pt-sm-0 {
        padding-top: 0px;
    }

    .pb-sm-0 {
        padding-bottom: 0px;
    }

    .ptb-sm-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pt-sm-15 {
        padding-top: 15px;
    }

    .pb-sm-15 {
        padding-bottom: 15px;
    }

    .ptb-sm-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pt-sm-30 {
        padding-top: 30px;
    }

    .pb-sm-30 {
        padding-bottom: 30px;
    }

    .ptb-sm-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-sm-60 {
        padding-bottom: 60px;
    }

    .pt-sm-60 {
        padding-top: 60px;
    }

    .mtb-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    .mtb-sm-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mb-sm-15 {
        margin-bottom: 15px;
    }


    /* content */
    .demo-product .demo-box span {
        background-color: #fff;
        border:none;
    }
    .demo-product .demo-box:hover span .demo-product-box {
        opacity: 1;
    }

    .footer_social ul li i.fa:hover {
        background-color: transparent !important;
    }


    /* Footer */

}
@media (max-width: 767px) {

    .center-xs {
        text-align: center;
    }

    .float-none-xs {
        float: none !important;
    }

    .float-left-xs {
        float: left !important;
    }

    .float-right-xs {
        float: right !important;
    }

    .ptb-95 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pt-95 {
        padding-top: 60px;
    }

    .pb-95 {
        padding-bottom: 60px;
    }

    .mtb-40 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-40 {
        margin-top: 30px;
    }

    .mb-40 {
        margin-bottom: 30px;
    }


    .ptb-xs-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pt-xs-0 {
        padding-top: 0px;
    }

    .pb-xs-0 {
        padding-bottom: 0px;
    }

    .ptb-xs-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pt-xs-30 {
        padding-top: 30px;
    }

    .pb-xs-30 {
        padding-bottom: 30px;
    }

    .ptb-xs-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-xs-60 {
        padding-bottom: 60px;
    }

    .pt-xs-60 {
        padding-top: 60px;
    }

    .mtb-xs-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .mb-xs-30 {
        margin-bottom: 30px;
    }

    /* Header */

    /* Content */

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

    h2.main_title {
        font-size: 20px;
    }

    .heading-part > span {
        top: 45px;
    }

    /*.banner-detail .banner-detail-inner .banner-title {
        font-size: 25px;
        line-height: 25px;
    }*/

    .banner-detail .banner-detail-inner span.offer {
        font-size: 14px;
        padding: 5px 20px;
        margin-top: 0;
        letter-spacing: 1px;
    }

    .banner-detail .banner-detail-inner span.slogan {
        display: none;
    }

    .demo-box {
        padding:0 30px;
    }

    /* .styles1, .styles2, .styles4, .styles5 {
         margin-bottom: 30px;
     }
 */

    .styles-header  {
        margin-bottom: 30px;
        display: inline-block;
    }

    .styles-header.styles3 {
        margin-bottom: 0;
    }

    .preview-inner {
        padding-top: 0;
    }
    .preview-item {
        display: inline-block;
        width: 100%;
    }

    .preview-media {
        background: none;
    }

    .best-selling {
        display: none;
    }
    .owl-buttons {
        display: none;
    }
    .footer-top {
        padding: 10px 20px;
    }

    .footer-top .f-logo {
        margin-left: 20px;
    }

    .footer-top p {
        margin-left: 212px;
    }

    .footer_social ul li i.fa {
        height: 35px;
        width: 35px;
        padding: 6px;
    }

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

}
@media (max-width: 600px) {

    .col-xs-6 {
        width: 100%;
        text-align: center;
    }

    .page-screenshot {
        padding: 40px 0;
    }

    .feature-box {
        max-width: 280px;
        margin: 0 auto 30px;
    }


    .preview-inner {
        padding: 0 15px ;
    }

    .preview-media {
        background: #000;
    }



    .footer-top .f-logo {
        float: none;
        text-align: center;
    }

    .footer-top p {
        margin-left: 0px;
        margin-top: 20px;
    }

    /*.footer-title {
        font-size: 30px;
    }*/

    .footer_social {
        margin: 40px auto 30px;
    }

}

@media (max-width: 419px) {

    .title {
        font-size: 18px;
        line-height: 25px;
    }

    .banner-detail .banner-detail-inner .banner-title {
        line-height: 30px;
    }

    .banner-detail .banner-detail-inner span.offer {
        font-size: 10px;
        padding: 2px 20px;
        margin-top: 0;
        letter-spacing: 1px;
    }

    .banner-detail .banner-detail-inner span.slogan {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .header-styles {
        padding: 0 30px;
    }

    .styles-header  {
        display: block;
    }


    .preview-btn {
        left: 30%;
        top: 35%;
    }

    .footer {
        padding: 50px 0;
    }

    .footer-inner {
        padding: 0;
    }

}