/*responsive css*/
/*min-width*/
@media (min-width: 431px) {
	
}
@media (min-width: 601px) {
	
}
@media (min-width: 768px) {	
	
}

@media (min-width: 992px) {	
	
}
@media (max-width: 1299px) {
    .product_title h3{
        font-size: 16px;
    }
    a.cart_btn_d{
        padding: 5px 10px;
        font-size: 15px;
    }
    .new_cart_box{
        margin: 10px;
        padding: 12px;
    }
    .pricng{
        font-size: 16px;
    }
    .youpay_area span{
        font-size: 16px;
    }
    .youpay_area label{
        line-height: 22px;
    }
    .youpay_area span{
        font-size: 16px;
    }
    .youpay_area{
        padding: 10px 0 5px;
    }
    .new_cart_box .add_cart a {
        padding: 7px 12px;
    }
    .add_suprpack_area [type="checkbox"] + label{
        font-size: 12px;
    }
}

@media (min-width: 1200px) {	
	.frm_left{
        padding-right: 35px;
    }
    .frm_right{
        padding-left: 25px;
    }
}

/*max-width*/
@media (max-width: 1199px) {	
    .sideNav li a, .rightSideNav ul li a{
        padding: 0 6px;
    }
    .rightSideNav ul li img{
        margin-right: 0;
    }
    .hederMedium .inputOuter{
        width: 350px;
        margin-left: 65px;
    }
    .nav.navbar-nav a{
        padding: 18px 21px;
    }
    .col-custom-4{
        width: 30%;
    }
    .col-custom-6{
        width: 70%;
    }
    .bannerBottom{
        position: static;
        height: auto;
        padding: 10px;
    }
    .tr{
        display: block;
    }
    .td{
        display: inline-block;
        width: 49% !important;
        margin-bottom: 10px;
        padding-left: 0 !important;
    }
    .borderL::after{
        display: none;
    }
    .bannerBottom .td:nth-child(1){
        display: block;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .addToBtn .btn-success{
        min-width: auto;
    }
    .subscribe .inputOuter{
        min-width: 400px;
        padding-left: 0;
    }
    .subscribeHeading{
        max-width: 479px;
    }
    .priceCol b{
        font-size: 15px;
    }
    .priceCol span{
        font-size: 16px;
    }
    .rightSideNav ul li a{
        font-size: 13px;
    }
    body{
        overflow-x: hidden;
    }
    .product_info_top,
    .product_slider{
        padding: 30px 12px 12px;
    }
    .listing_sidebar{
        padding: 15px 0 0;
    }
    .product_details h3{
        font-size: 16px;
    }
    .on_sale{
        left: -20px;
    }
    .nav-tabs > li a{
        font-size: 11px;
    }
    .nav-tabs > li{
        margin-right: 2px;
    }
    .specification_area_inr .nav-tabs li a{
        padding: 10px 25px;
    }
    .rang_select, .to_text{
        display: block;
        width: 100%;
    }
    .to_text{
        text-align: center;
        margin: 5px 0;
    }
    .cart_table_outr{
        width: 1200px;
    }
    .new_cell_inr{
        padding: 0 15px;
    }
    .new_cell h5{
        font-size: 15px;
        min-height: 50px;
        padding: 0 15px 5px;
    }
    .super_pack li,
    .super_pack span{
        font-size: 13px;
    }
    input[type="checkbox"] + label{
        font-size: 13px;
    }
    .add_pack a{
        padding: 8px;
        font-size: 15px;
    }
    .recommended_product .productMain{
        width: 25%;
    }
    .productDetails h5{
        min-height: 70px;
    }
}

@media (max-width: 991px) {
    .sideNavbar-col{
        float: inherit;
        margin: 0 auto;
        margin-top: 10px;
        max-width: 572px;
    }
    .rightSideNav-col {
      float: inherit;
       margin: 0 auto;
       max-width: 370px;
     }
    .logo{
        display: block;
        margin-bottom: 10px;
    }
    .hederMedium .inputOuter{
        width: 79%;
        margin-left: 0;
    }
    .nav.navbar-nav a {
/*      padding: 18px 13px;*/
        padding: 15px 7px;
    }
    .leftPanelBtn span{
        display: block;
        width: 25px;
        height: 2px;
        background-color: #000;
    transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
    }
    .leftPanelBtn:hover span{
        width: 30px;
        transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
    }
    .leftPanelBtn span + span{
        margin-top: 4px;
    }
    .leftPanelBtn span:nth-child(1), .leftPanelBtn span:nth-child(3){
        width: 30px;
    }
    .leftPanel {
        background: #f6f7f8 none repeat scroll 0 0;
        bottom: 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        left: -250px;
        padding: 17px 14px;
        position: fixed;
        overflow: auto;
        top: 0;
        z-index: 99;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .leftPanelBtn{
        cursor: pointer;
        display: inline-block;
        margin-bottom: 15px;
    }
    .shoW_nav .leftPanel{
        left: 0;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }
    .csOverlay{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.8);
        overflow: hidden;
        z-index: 9;
    }
    .bannerDetails h1{
        font-size: 28px;
    }
    .productMain{
        margin-top: 20px;
    }
    .secB{
        padding: 37px 0;
    }
    .subscribeHeading{
        max-width: 100%;
        margin-bottom: 10px;
    }
    .subscribe .inputOuter{
        min-width: 100%;
    }
    .copy{
        max-width: 40%;
    }
    .rightSideNav-col{
        max-width: 380px;
    }
    .hederMedium .inputOuter{
        margin-right: 23px;
    }
    .nav.navbar-nav a{
        font-size: 15px;
    }
    .shoW_nav{
        overflow: hidden;
    }
/*    add css 8-3-17*/
    .frm_left::after {
        right: -15px;
    }
    .check_fld,
    .right_area{
        float: none;
        width: 100%;
    }
    .right_area{
        margin-top: 15px;
    }
    .continue_btn{
        padding: 9px 35px;
    }
    .subscribe_text a{
        font-size: 14px;
    }
    .frm_inr h5{
        font-size: 15px;
    }
    .billing_text{
        font-size: 20px;
    }
    .login_frm{
        padding: 25px;
    }
    .listing_sidebar .productMain{
        padding: 12px;
    }
    
    .listing_sidebar h4{
        font-size: 16px;
    }
    .slick-prev{
        left: 0;
    }
    .slick-next{
        right: 0;
    }
    .specification_area_inr .nav-tabs li a{
        padding: 5px;
    }
    .nav-tabs > li a{
        font-size: 12px;
    }
    .specification_area_inr .tab-content {
        padding: 20px 0px 0;
    }
    .tab-content p{
        font-size: 13px;
    }
    .phone_specification{
        margin: 20px 0 0;
    }
    .phone_specification h3{
        font-size: 20px;
    }
    .specification_inr{
        padding: 15px 0 0;
    }
    .specification_cell{
        font-size: 14px;
        white-space: nowrap;
        padding:5px;
    }
    .phone_specification{
        overflow: auto;
    }
    .specification_inr{
        width: 900px;
    }
    .view_area{
        margin-top: 40px;
    }
    .view_area h3{
        margin-bottom: 15px;
        font-size: 20px;
    }
    .productDetails h5{
        font-size: 13px;
    }
    .recommended_product .productMain {
        width: 33.3%;
    }
    .add_cart_hd{
        font-size: 20px;
    }
    .cart_table_cell .list span{
        font-size: 13px;
    }
    .edit_cart {
        background: #24a7c3;
        padding: 5px 12px;
        font-size: 15px;
    }
    .cart_product_left img{
        width: 50px;
        margin-right: 10px;
    }
    a.cart_btn_d {
        padding: 5px;
        font-size: 12px;
    }
    .gotop{
        font-size: 12px;
    }
    .youpay_area label {
        line-height: 18px;
    }
    .youpay_area label{
        font-size: 16px;
        width: 55%;
    }
    .youpay_area span{
        font-size: 17px;
        width: 40%;
    }
    .touch_spin{
        width: 117px;
    }
    .new_cart_box .add_cart a{
        padding: 7px 5px;
        font-size: 14px;
    }
    .product_title h3{
        font-size: 13px;
    }
    .product_title{
        font-size: 14px;
    }
    .info_tag{
        margin-top: 5px;
        width: 17px;
    }
    
}

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

@media (max-width: 767px) {
    .sideNavbar-col{
        max-width: 100%;
        text-align: center;
    }
    .sideNav li a, .rightSideNav ul li a{
        font-size: 14px;
    }
    .navbar-inverse .navbar-toggle{
        border-color: transparent;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
        background-color: transparent;
    }
    .navbar-nav {
        margin:0;
        text-align: center;
   }
    .nav.navbar-nav a{
        padding: 10px 0;
    }
    .navbar-inverse .navbar-nav > li + li::after{
        display: none;
    }
    .navbar-toggle{
        margin-bottom: 0;
    }
    .navbar-collapse{
        border-top: none;
        box-shadow: none;
    }
    .bannerLike{
        padding: 5px 0 0;
    }
    .bannerDetails h1{
        font-size: 21px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .bannerDetails p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
    }
    .bannerDetails{
        padding-right: 10px;
    }
    .gurntee-list ul li {
        font-size: 12px;
        line-height: 14px;
    }
    .gurntee-list ul{
        margin-bottom: 10px;
    }
    .product-col{
        padding-top: 10px;
    }
    .productMain{
        margin-top: 10px;
        width: 50%;
    }
    .productDetails h5{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .priceCol {
       padding-top: 10px;
    }
    .priceCol span{
        font-size: 15px;
    }
    .addToBtn .btn-success{
        font-size: 14px;
    }
    .loader-col, .secB, .content{
        padding: 15px 0;
    }
    .subscribeHeading h2{
        font-size: 21px;
    }
    .subscribe .inputWrap .form-control {
      height: 42px;
      padding-left: 10px;
       padding-right: 150px;
    }
    .footer{
        padding-top: 0;
        padding-bottom: 15px;
    }
    .footerTop .col-sm-3{
        float: left;
        width: 50%;
    }
    .footerBottomNav{
        margin: 15px 0;
    }
    .footerBottomNav li a{
        padding: 0 9px;
    }
    .copy{
        max-width: 46%;
        font-size: 14px;
    }
    .social-icon li + li{
        margin-left: 10px;
    }
    .subscribe{
        padding: 0;
    }
    .nav.navbar-nav a{
        font-size: 14px;
    }
    .footerBottomNav{
        max-width: 100%;
        text-align: center;
    }
    .rightSideNav-col{
        max-width: 100%;
        text-align: center;
    }
    .addToBtn {
      padding-top: 10px;
    }
    .shipText{
        margin: 5px auto;
    }
/*
    .leftPanelBtn{
        position: absolute;
        top: -51px;
        margin-bottom: 0;
    }
    .leftPanelBtn span{
        background-color: #fff;
    }
*/
/*    add css 8-3-17*/
    .frm_left::after {
       display: none;
    }
    .login_frm h4{
        font-size: 20px;
    }
    .billing_text{
        margin: 15px 0;
        font-size: 16px;
    }
    .fld_outr {
        margin: 8px 0 0;
    }
    .fld_outr > label{
        font-size: 14px;
    }
    .frm_btm {
        margin: 15px 0;
    }
    input[type="checkbox"] + label{
        font-size: 13px;
    }
    .btn_outr {
        margin: 15px 0;
    }
    .cell_text_area{
        margin-top: 12px;
        padding-bottom: 0;
    }
    .cell_text_area h3{
        font-size: 20px;
    }
    .cell_text_area p{
        font-size: 13px;
        line-height: 20px;
    }
    .sortby_left,
    .sort_right{
        float: none;
        width: 100%;
    }
    .sort_right{
        margin-top: 15px;
    }
    .sort_select{
        width: auto;
        margin-right: 5px;
    }
    .on_sale{
        top: -12px;
    }
    .product_details h3 {
        font-size: 15px;
        line-height: 22px;
    }
    .our_price span{
        font-size: 20px;
    }
    .ship_area h4{
        font-size: 15px;
    }
    .ship_area h4{
        margin-bottom: 8px;
    }
    .quantity_area {
        margin: 12px 0;
    }
    .add_cart a{
        padding: 8px 10px;
        font-size: 14px;
    }
    .details_tab {
        margin: 8px 0 0;
    }
    .listing_details ul li span{
        font-size: 14px;
    }
    
    .phone_specification h3{
        margin: 0;
    }
    .view_area{
        margin: 15px 15px 0;
    }
    .listing_sidebar{
        margin: 15px 0 0;
    }
    .viewed_slider .slick-prev{
        left: -12px;
    }
    .viewed_slider .slick-next{
        right: -12px;
    }
    .cart_inr{
        padding: 15px 0 0;
    }
    .cart_inr h4 {
        font-size: 20px;
        color: #5f5f5f;
        padding: 0 15px 15px;
        margin: 0;
    }
    .row_hd .cart_table_cell{
        padding: 10px 35px;
    }
    .cart_table_cell{
        padding: 15px;
    }
    .remove_area{
        margin-top: 20px;
    }
     .new_cell{
        float: none;
        width: 100%;
    }
    .new_cell_inr{
        min-height: inherit;
    }
    .new_cell_inr::after{
        display: none;
    }
    .add_pack{
        position: static;
        margin-top: 20px;
    }
    .new_cell{
        padding-bottom: 0;
    }
    .new_cell h5{
        padding: 0 0 12px;
        min-height: inherit;
    }
    .accessories_area{
        margin-top: 20px;
    }
    .recommended_product .productMain{
        width:50%;
    }
    .shoping_cart_box {
        padding: 0px 0 0;
    }
    .cart_product_left,
    .cart_product_right{
        float: none;
        width: 100%;
    }
    .youpay_area label{
        /*width: 118px;*/
    }
    .youpay_area span{
        float: left;
    }
    .info_tag {
        float: left;
        margin-top: 12px;
        margin-left: 10px;
    }
}


@media (max-width: 590px) {
	.footerBottomNav{
        text-align: center;
    }
    .footerBottomNav li{
        margin-bottom: 5px;
    }
    .footerBottomNav li + li{
        border-left: 1px solid transparent;
    }
    .footerList li a{
      font-size: 13px;
    }
    .priceCol span{
        display: block;
        padding-left: 0;
    }
    .hederMedium .inputOuter {
       margin-right:0;
        width: 100%;
        margin-bottom: 15px;
   }
    .cartCol{
        display: block;
        text-align: center;
    }
    .sideNavbar-col{
        text-align: center;
    }
    .sideNav li + li{
        border-left: none;
    }
    .sideNav li{
        margin-bottom: 5px;
    }
    .rightSideNav-col{
        text-align: center;
   }
    .logo{
        max-width: 60%;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .bannerImg{
        padding-right: 10px;
    }
    .bannerDetails h1{
        font-size: 14px;
        margin-bottom: 5px;
    }
    
/*    add css 8-3-17*/
    .login_frm h4{
        font-size: 16px;
    }
    .billing_text{
        font-size: 13px;
        margin: 8px 0;
    }
    .login_frm {
        padding: 10px;
    }
    .frm_inr h5{
        font-size: 13px;
    }
    .continue_btn {
        padding: 8px 20px;
        font-size: 15px;
    }
    .breadcrumb > li + li::before {
        padding: 0 8px;
    }
    .breadcrumb > li{
        font-size: 13px;
    }
    .cell_text_area h3{
        font-size: 16px;
    }
    .view_area h3{
        font-size: 17px;
    }
    .cart_inr h4 {
        font-size: 16px;
    }
    .btm_btn a {
        padding: 9px 10px;
        margin-left: 5px;
        font-size: 14px;
    }
    .add_cart_hd i img{
        width: 15px;
    }
    .add_cart_hd{
        padding: 8px;
        font-size: 12px;
    }
    .quick_cart .cart_table_cell{
        font-size: 13px;
    }
    .quick_cart .retail{
        font-size: 12px;
    }
    .our_price span{
        font-size: 16px;
    }
    
    
}


@media (max-width: 430px) {
	.sideNav li a, .rightSideNav ul li a {
       font-size: 12px;
   }
     .hederMedium .inputWrap .form-control{
        padding-left: 75px;
        padding-right: 45px;
        font-size: 13px;
        line-height: 30px;
    }
    .productMain{
        width: 50%;
    }
    .subscribeHeading h2{
        font-size: 18px;
    }
    .footerBottomNav li a{
       padding: 0 4px;
    }
    .social-icon{
        float: inherit;
        text-align: center;
        margin-bottom: 10px;
    }
    .copy{
        float: inherit;
        text-align: center;
        max-width: 100%;
    }
    .td{
        display: block;
        width: 100% !important;
    }
    
   /*add css 8-3-17*/
    .frm_left .col-xs-6{
        float: none;
        width: 100%;
    }
    .login_fld,
    .fld_outr > label,
    .select_outr{
        display: inline-block;
        vertical-align: middle;
    }
    .login_fld,
    .select_outr{
        width: 50%;
    }
    .fld_outr > label {
        width: 45%;
    }
    .disply_msg{
        display: block;
        margin-top:5px;
        font-size: 13px;
    }
    .sortby_area{
        margin: 20px 0 0;
    }
    .nav-tabs > li{
        float: none;
    }
    .specification_area_inr .nav-tabs li a{
        text-align: left;
    }
    .phone_specification h3{
        font-size: 18px;
    }
    .specification_cell{
        font-size: 14px;
    }
    .specification_area {
        padding: 0 0 25px;
    }
    .specification_area_inr{
        border: none;
    }
    .btm_btn{
        margin: 20px 0 0;
    }
    .btm_btn a {
        margin-bottom: 5px;
    }
    .new_cell h5{
        margin-bottom: 15px;
    }
    .recommended_product .productMain{
        /*float: none;
        width: 100%;
        margin-bottom: 15px;*/
    }
    .new_cell_inr{
        padding: 0;
    }
    .productDetails h5{
        min-height:inherit;
    }
    .cart_product_left img {
        width: 40px;
        margin-right: 5px;
    }
    .product_title{
        font-size: 12px;
    }
    .product_title h3{
        font-size: 10px;
        text-transform: none;
    }
    .cart_product_left{
        margin-bottom: 6px;
    }
}


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