/*
Template Name: Shop On
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************cart****************/
#cart{
 padding-top:40px;
 padding-bottom:40px;
 }
.cart_1{
background:#f2f2f2;
padding-top:15px;
padding-bottom:15px; 
 }
 .cart_1 .cart_1i h4{
     color: #000;
 }
.cart_2i .input-group{
width:71%; 
 }
.cart_2{
background:;
border:1px solid #ddd;
padding-top: 5px;
padding-bottom: 10px;
 }
.cart_2 hr{
    border: 1px solid #ddd;
}
.cart_3i .form-control{
box-shadow:none;
border-color:#eee;
border-radius:0;
height:48px;
float:left;
width:70%; 
margin-right:10px;
font-size:14px;
 }
.cart_3{
margin-top:30px; 
 }
.cart_3i1 .button{
display:block;
text-align:center; 
 }
 .cart_1i h4{
    font-size:14px;
    }
    .cart_2i h4{
        font-size:14px;
        }
    .cart_2i p{
        margin-top: 5px;
        font-size:13px;
    }
.cart_4{
    margin-right: 20px;
}
.button:hover{
    background: #3665f3;
}
.button_2 {
    background:#3665f3;
    display:inline-block;
    padding:8px;
    height: 33px;
    text-align: center;
    color: #ffff;
      }
.button_2:hover{
    color: #fff;
}
.button_1 {
    background:#333;
    display:inline-block;
    padding:12px;
    margin-top:10px;
    width: 100%;
    text-align: center;
    color: #ffff;
      }
.button_1:hover{
    color: #fff;
}
/*********************cart_end****************/

@media screen and (max-width : 767px){
#cart{
text-align:center;  
 }
.cart_1i {
 margin-top:10px;
 margin-bottom:10px;
 }
.cart_2i .input-group{
width:45%;
margin-left:auto;
margin-right:auto;
}
.cart_2i {
margin-top:10px; 
 }
.cart_3i .form-control{
width:100%; 
float:none;
margin-bottom:10px;
 }
.cart_3i1 {
text-align:left; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.cart_1i h4{
 font-size:14px;
 }
 .cart_2i h4{
    font-size:14px;
    }
.cart_2i img{
 min-height:150px;
 }
.cart_2i .input-group{
width:100%; 
 }
.cart_2i .input-group .btn{
padding:6px 6px;
 }
.cart_3i .form-control{
width:50%; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.cart_2i .input-group{
width:90%; 
 }
.cart_3i .form-control{
width:60%; 
 }
 }
@media (min-width:1201px) and (max-width:1350px) {

 }

 .shop_name{
     margin-bottom: 5px;
     margin-left: 10px;
 }