
@media only screen and (max-width:1360px){
    .wrap{
    margin:0 auto;
    width:80%;
}
}
@media only screen and (max-width:1200px){
    .wrap{
    margin:0 auto;
    width:85%;
}
.pricing-grids{
    margin:5% 0;
}
.pricing-grid1, .pricing-grid2, .pricing-grid3{
    padding:0 15px;
    margin:0;
    width:33.3%;
}
.link-data .navbar-nav > li > a{
    padding:0 5px;
}

}
@media only screen and (max-width:991px){
    h1{
        font-size:30px;
        line-height:34px;
    }
    .container{
        width:100%;
        padding:0 15px;
    }
    .navbar .yamm-content h5{
        font-size:14px;
    }
    .pad_data{
    padding:0;
}
.pricing-grid1{
    width:50%;
    margin-bottom:20px;
}
.wrap{
    width:100%;
}
.item-image{
    padding:15px;
    width:100%;
}
.link-data .btn{
    padding:6px 5px;
    font-size:12px;
}
.link-data .navbar-brand{
    font-size:13px;
    padding:0 5px;
}
.item-image .img-responsive{
    width:100%;
}
.label_cnt label{
    font-size:12px;
}
}

@media only screen and (max-width:767px){
     h1{
        font-size:26px;
        line-height:30px;
    }
    .mar_data{
    margin-top:0;
}
.navbar-nav{
    margin:12.5px 0;
}
.img-responsive2{
    width:100%;
}
.item-image{
    width:100%;
}
.link-data .btn{
    width:100%;
}
.text-center11{
    text-align:left;
}
.panel{
    padding:20px 10px;
}

}

@media only screen and (max-width:575px){
     h1{
        font-size:22px;
        line-height:26px;
    }
    .pricing-grid1{
    width:100%;
    }
    .grid_cnt{
        width:100%;
    }
    .pull-data{
        float:none !important;
        text-align:center;
    }
    .link-data .navbar-brand{
        padding:0 15px;
    }
    .label_cnt{
        margin-bottom:20px;
        
    }
    .border-rt{
        border:0;
    }
    .text-right{
        text-align:left;
        margin-top:15px;
    }
}

@media only screen and (max-width:479px){
     h1{
        font-size:20px;
        line-height:24px;
    }
    body.login .lock-container{
        width:100%;
    }
    body.login .lock-container .panel{
        max-width:100% !important;
    }
    .width_dt{
    width:100%;

}
 .pull-data .btn{
     width:100%;
     display:block;
 }
 #content .product .text p.price, #content .product .text h3{
     height:auto;
 }
 #content .product .text{
     padding:0 10px 0;
 }
 .order-data{
     margin:0;
 }
 .text_data{
     text-align:center;
 }
}















