/********************************/
/*          pop Up Css       */
/********************************/
.modal-content {float: left;}
button.close { margin: -60px -20px 0 0; background: #fff;}
.modal-header h3 {float: left;margin: 0 0 10px 0;padding: 0;width: 100%;text-align: center;font-size: 27px;line-height: 27px;color: #888;}
.pop-left-side { float: left; margin: 0 30px 0 0; padding: 0; width: 70%;}
.pop-left-side .pro-image {float: left; margin: 0 30px 0 0; padding: 3px; width: 50%; border: 1px solid #ededed;text-align: center;}
.pop-left-side .pro-image img { width: 187px;}
.pop-right-side { width: 26%;float: left; margin: 0; padding: 0;}
span#totalPrice { color: #c53b32;}
.pop-left-side span.pro-name {float: left; margin: 0; padding: 0; width: 100%; font-size: 20px;}
.pop-left-side span.pro-price { float: left; margin: 5px 0 0 0; padding: 0; width: 100%; font-size: 21px; color: #233872;font-weight: normal;}
.pop-left-side p {float: left; margin: 10px 0 0 0;padding: 0; width: 100%; font-size: 16px;}
.pop-btn { width: 100%; float: left; margin: 10px 0 0 0; padding: 0;}
.pop-btn a.view-cart { float: left; margin: 0 0 10px 0; padding: 11px 0; width: 100%; background: #ba3a1b; color: #fff; font-size: 18px; text-align: center;border-radius: 3px;}
.pop-btn a.checkout {float: left; margin: 0 0 10px 0; padding: 11px 0;  width: 100%; background: #ba3a1b; color: #fff; font-size: 18px; text-align: center;border-radius: 3px;}
.pop-btn a.continue-shppping { float: left; margin: 0 0 10px 0; padding: 11px 0; width: 100%; background: #72d2ea; color: #000; font-size: 18px; text-align: center;border-radius: 3px;}
.modal-dialog { width: 992px;}
.pop-right-side .previewCartCheckout-subtotal { border: 1px dashed #003e2a; border-radius: 3px; background: #b5ecfa; padding: 10px !important; text-transform: uppercase; float: left; width: 100%;margin: 0 0 10px 0;}
.pop-right-side .previewCartCheckout-subtotal p { width: 100%; float: left; margin: 0; padding: 0; text-align: center; font-size: 17px;color: #000;}
span#totalPrice { color: #c53b32; width: 100%; float: left; font-weight: bold; font-size: 20px;}
.pop-right-side p.total-price { float: left; margin: 15px 0; padding: 0; width: 100%; font-size: 17px;}
.pop-btn a.checkout:hover {opacity: 0.8; text-decoration:none;}
.pop-btn a.view-cart:hover {opacity: 0.8; text-decoration:none;}
.pop-btn a.continue-shppping:hover {opacity: 0.8; text-decoration:none;}
.modal-header {background: #fafafa;}
.close:hover, .close:focus {opacity: 1;}
.product-data {width: 45%;float: left;margin: 0;padding: 0;}
button.close {border: 0px;width: 30px;height: 35px;border-radius: 0px;text-align: center;line-height: 16px;opacity: 1;font-weight: normal;color: #fff;background: #000; margin:0;}
.modal-header {background: #fafafa;float: left;width: 100%;padding: 10px 0;}
.modal-body {position: relative;padding: 37px 15px 15px 15px;float: left;width: 100%;}


/* top search css*/
#searchResults {float: left;margin: 0;padding: 0;position: absolute;top: 45px;z-index: 99999;width: 376px;right:35%;}
#searchResults .dropdown-menu {width: 100%;padding: 0px 0px 7px;}
#searchResults .aut-pageBlog {background-color: #1e174b;color: #fff;padding: 3px 8px;font-size: 13px;text-align: center;margin-bottom: 7px;line-height: 22px;}
#searchResults .aut-pageBlog::before {content: '';top: 23px;width: 11px;float: left;position: relative;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #1e174b;left: 50%;}
#searchResults .dropdown-menu li a {padding: 3px 20px 3px 10px;}
#searchResults .dropdown-menu.auto-search-ul {height: 380px;overflow-y: scroll;margin: 0px;border-radius: 3px;}
.aut-PageBlog-product {background-color: #1e174b;color: #fff;padding: 3px 8px;font-size: 13px;text-align: center;margin-bottom: 11px; line-height:22px;}
#searchResults .aut-PageBlog-product::before {content: '';top: 23px;width: 11px;float: left;position: relative;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #1e174b;left: 50%;}
#searchResults .product-auto-complete {height: auto;overflow: hidden;clear: both;border-bottom: 1px solid #ebebeb;}
.auto-search-ul .auto-product {height: auto;overflow: hidden;background-color: transparent;padding: 6px;}
.product-auto-complete .aut-image {border: 1px solid #ededed;width: 85px;float: left;margin: 0px 0px 0px;text-align: center;}
.auto-product .product-desc {width: 66%;float: right;}
.product-desc .aut-desc {color: #000;margin-bottom: 4px;display: block;line-height: 17px;}
.product-auto-complete .auto-product img {width: 62px;height: 62px;}
.auto-product a {float: left;padding: 0 !important;width: 100%;}
.auto-product {width: 100%;float: left;}
#resultSearch {float: left;margin: 0;padding: 0;position: absolute;top: 45px;z-index: 99999;width: 376px;}
#resultSearch .dropdown-menu {width: 100%;padding: 0px 0px 7px;}
#resultSearch  .aut-catalogCategorie {background-color: #1e174b;color: #fff;padding: 3px 8px;font-size: 13px;text-align: center;margin-bottom: 7px; line-height:22px}
#resultSearch  .aut-catalogCategorie::before {content: '';top: 23px;width: 11px;float: left;position: relative;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #1e174b;left: 50%;}
#resultSearch .dropdown-menu li a {padding: 3px 20px 3px 10px;}
#resultSearch .dropdown-menu li {width: 100%;}
#resultSearch .auto-search-ul {height: 380px;overflow-y: scroll;margin: 0px;border-radius: 3px;}
#resultSearch .aut-caliber-product {background-color: #1e174b;color: #fff;padding: 3px 8px;font-size: 13px;text-align: center;margin-bottom: 11px; line-height:22px}
#resultSearch .aut-caliber-product::before {content: '';top: 23px;width: 11px;float: left;position: relative;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #1e174b;left: 50%;}
#resultSearch .product-auto-complete {height: auto;overflow: hidden;clear: both;border-bottom: 1px solid #ebebeb;}
.auto-search-ul .auto-product:hover {background-color: #f5f5f5 !important;}

/*top cart css*/
#cartList {float: right;width: 318px;position: absolute;right: 2%;top: 5%;}
#cartList .product-count {background-color: #1e174b;color: #fff;padding: 3px 8px;font-size: 13px;text-align: center;margin-bottom: 7px;line-height: 22px;}
#cartList .product-count::before {content: '';top: 23px;width: 11px;float: left;position: relative;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #1e174b;left: 50%;}
#cartList .auto-product {width: 100%;float: left;padding: 0px;margin: 0;border-bottom: 1px solid #ccc;}
.cart-product-auto-complete a { padding:10px !important;}
.cart-product-auto-complete {width: 100%;float: left;margin: 0;padding: 0;}
.cart-product-image {width: 73px;float: left;margin: 0;padding: 2px;border: 1px solid #ccc;text-align: center;}
.cart-list-data {width: 66%;float: left;margin: 0 0 0 20px;padding: 0;}
.cart-product-name {width: 100%;float: left;margin: 0;padding: 0;}
.cart-product-name .aut-desc {float: left;margin: 0 0 5px 0;padding: 0;width: 100%;font-size: 15px;font-weight: normal;line-height: 21px;}
.cart-top-btn {width: 100%;float: none;margin: 0 auto;padding: 10px;overflow: hidden;}
.cart-top-btn .btn.btn-yellow {float: left;margin: 0 0 10px 0;width: 100%;}
.cart-top-btn .btn.btn-yellow:last-child {margin-bottom: 0px;background: #233872;border-color:#233872}
.cart-list-data .cart-product-price {float: left;margin: 0;padding: 0;width: 100%;}
.cart-list-data .cart-product-price .aut-desc {float: left;margin: 0;padding: 0;width: 100%;font-size: 15px;line-height: 17px;color: #233872;font-weight: bold;}
.cart-top-btn .btn.btn-yellow a {text-align: center;float: left;margin: 0;padding: 0;width: 100%;font-size: 14px;text-transform: uppercase;}
.cart-top-btn .btn.btn-yellow:last-child a {color:#fff;}
.cart-top-btn .btn.btn-yellow:hover a { text-decoration:none;}









/*Start Media*/
@media screen and (min-width:992px) and (max-width:1024px){
.modal-dialog {width: 890px;}	
.product-data {width: 63%;}	
.pop-left-side .pro-image img {width: 180px;}
.pop-left-side .pro-image {width: 187px;}	
}
@media screen and (min-width:901px) and (max-width:991px){
.modal-dialog {width: 850px;}
.product-data {width: 62%;}
.pop-left-side .pro-image img {width: 174px;}
.pop-left-side .pro-image {width: 32%;}
}
@media screen and (min-width:851px) and (max-width:900px){
.modal-dialog {width: 830px;}
.product-data {width: 61%;}
.pop-left-side .pro-image {width: 33.6%;}
.pop-left-side .pro-image img {width: 173px;}

}
@media screen and (min-width:801px) and (max-width:850px){
.modal-dialog {width: 790px;}
.product-data {width: 59%;}
.modal-header h3 {font-size: 21px;}
.pop-left-side .pro-image img {width: 170px;}
.pop-left-side .pro-image {width: 35%;}
}

@media screen and (min-width:768px) and (max-width:800px){
.modal-dialog {width: 730px;}
.product-data {width: 58%;}
.pop-left-side .pro-image img {width: 180px;}
.pop-left-side {margin: 0 27px 0 0;}
.pop-right-side p.total-price {font-size: 15px;}
.pop-left-side .pro-image {margin: 0 15px 0 0;width: 38.9%;}
.modal-header h3 {font-size: 21px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
.pop-btn a.checkout {font-size: 16px;}
.pop-btn a.view-cart {font-size: 16px;}
}

@media screen and (min-width:701px) and (max-width:767px){
.modal-dialog {width: 680px;}
.product-data {width: 55%;}
.pop-left-side .pro-image img {width: 180px;}
.pop-left-side {margin: 0 25px 0 0;}
.pop-right-side p.total-price {font-size: 15px;}
.pop-left-side .pro-image {margin: 0 15px 0 0;width: 41.6%;}
.modal-header h3 {font-size: 21px;}
.pop-left-side span.pro-name {font-size: 18px;}
.pop-btn a.continue-shppping {font-size: 15px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
.pop-btn a.checkout {font-size: 15px;}
.pop-btn a.view-cart {font-size: 15px;}
}

@media screen and (min-width:651px) and (max-width:700px){
.modal-dialog {width: auto;}
.product-data {width: 60%;}
.pop-left-side .pro-image img {width: 140px;}
.pop-left-side {margin: 0 23px 0 0;}
.pop-right-side p.total-price {font-size: 15px;}
.pop-left-side .pro-image {margin: 0 15px 0 0;width: 36.4%;}
.modal-header h3 {font-size: 21px;}
.pop-left-side span.pro-name {font-size: 18px;}
.pop-btn a.continue-shppping {font-size: 14px;}
.pop-btn a.checkout {font-size: 14px;}
.pop-btn a.view-cart {font-size: 14px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
}

@media screen and (min-width:601px) and (max-width:650px){
.modal-dialog {width: auto;}
.product-data {width: 55%;}
.pop-left-side {margin: 0 15px 0 0;width: 67%;}
.pop-right-side p.total-price {font-size: 15px;}
.pop-left-side .pro-image {margin: 0 15px 0 0;width: 150px;}
.modal-header h3 {font-size: 21px;}
.pop-left-side span.pro-name {font-size: 15px;}
.pop-btn a.continue-shppping {font-size: 15px;}
.pop-right-side {width: 30%;}
.pop-left-side span.pro-price {font-size: 17px;}
.pop-right-side .previewCartCheckout-subtotal p {font-size: 13px;}
span#totalPrice {font-size: 15px;margin: 5px 0 0 0;}
.pop-btn a.checkout {font-size: 15px;}
.pop-btn a.view-cart {font-size: 15px;}
.pop-left-side .pro-image img {width: 135px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
}

@media screen and (min-width:551px) and (max-width:600px){
.modal-dialog {width: auto;}
.product-data {width: 57.4%;}
.pop-left-side {margin: 0 15px 0 0;width: 66%;}
.pop-right-side p.total-price {font-size: 15px;}
.pop-left-side .pro-image {margin: 0 10px 0 0;width: 130px;}
.modal-header h3 {font-size: 19px;}
.pop-left-side span.pro-name {font-size: 15px;}
.pop-btn a.continue-shppping {font-size: 14px;}
.pop-right-side {width: 30%;}
.pop-left-side span.pro-price {font-size: 17px;}
.pop-right-side .previewCartCheckout-subtotal p {font-size: 13px;}
span#totalPrice {font-size: 15px;margin: 5px 0 0 0;}
.pop-btn a.checkout {font-size: 14px;}
.pop-btn a.view-cart {font-size: 14px;}
.pop-left-side .pro-image img {width: 118px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
}
@media screen and (min-width:501px) and (max-width:550px){
.modal-dialog {width: auto;}
.product-data {width: 54%;}
.pop-left-side {margin: 0 0px 10px 0;width: 100%;}
.pop-right-side p.total-price {font-size: 15px;}
.pop-left-side .pro-image {margin: 0 10px 0 0;width: 43%;}
.modal-header h3 {font-size: 19px;}
.pop-left-side span.pro-name {font-size: 17px;}
.pop-btn a.continue-shppping {font-size: 16px;}
.pop-right-side {width: 100%;}
.pop-left-side span.pro-price {font-size: 17px;}
.pop-right-side .previewCartCheckout-subtotal p {font-size: 13px;}
span#totalPrice {font-size: 15px;margin: 5px 0 0 0;}
.pop-btn a.checkout {font-size: 15px;}
.pop-btn a.view-cart {font-size: 15px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
}

@media screen and (min-width:451px) and (max-width:500px){
.modal-dialog {width: auto;}
.product-data {width: 56%;}
.pop-left-side .pro-image img {width: 150px;}
.pop-left-side {margin: 0 0px 10px 0;width: 100%;}
.pop-right-side p.total-price {font-size: 15px;text-align: center;}
.pop-left-side .pro-image {margin: 0 10px 0 0;width: 41%;}
.modal-header h3 {font-size: 19px;}
.pop-left-side span.pro-name {font-size: 17px;}
.pop-btn a.continue-shppping {font-size: 16px;}
.pop-right-side {width: 100%;}
.pop-left-side span.pro-price {font-size: 17px;}
.pop-right-side .previewCartCheckout-subtotal p {font-size: 13px;}
span#totalPrice {font-size: 15px;margin: 5px 0 0 0;}
.pop-btn a.checkout {font-size: 15px;}
.pop-btn a.view-cart {font-size: 15px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
}

@media screen and (min-width:401px) and (max-width:450px){
.modal-dialog {width: auto;}
.product-data {width: 59.1%;}
.pop-left-side {margin: 0 0px 10px 0;width: 100%;}
.pop-right-side p.total-price {font-size: 15px;text-align: center;}
.pop-left-side .pro-image {margin: 0 10px 0 0;width: 38%;}
.modal-header h3 {font-size: 19px;}
.pop-left-side span.pro-name {font-size: 17px;}
.pop-btn a.continue-shppping {font-size: 16px;}
.pop-right-side {width: 100%;}
.pop-left-side span.pro-price {font-size: 17px;}
.pop-right-side .previewCartCheckout-subtotal p {font-size: 13px;}
span#totalPrice {font-size: 15px;margin: 5px 0 0 0;}
.pop-btn a.checkout {font-size: 15px;}
.pop-btn a.view-cart {font-size: 15px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
.pop-left-side .pro-image img {width: 123px;}
}
@media screen and (min-width:375px) and (max-width:400px){
.modal-dialog {width: auto;}
.product-data {width: 100%;}
.pop-left-side {margin: 0 0px 10px 0;width: 100%;}
.pop-right-side p.total-price {font-size: 15px;text-align: center;}
.pop-left-side .pro-image {margin: 0 0px 10px 0;width: 100%;}
.modal-header h3 {font-size: 19px;}
.pop-left-side span.pro-name {font-size: 17px;}
.pop-btn a.continue-shppping {font-size: 16px;}
.pop-right-side {width: 100%;}
.pop-left-side span.pro-price {font-size: 17px;}
.pop-right-side .previewCartCheckout-subtotal p {font-size: 13px;}
span#totalPrice {font-size: 15px;margin: 5px 0 0 0;}
.pop-btn a.checkout {font-size: 15px;}
.pop-btn a.view-cart {font-size: 15px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
}

@media screen and (min-width:320px) and (max-width:374px){
.modal-dialog {width: auto;}
.product-data {width: 100%;}
.pop-left-side {margin: 0 0px 10px 0;width: 100%;}
.pop-right-side p.total-price {font-size: 15px;text-align: center;}
.pop-left-side .pro-image {margin: 0 0px 10px 0;width: 100%;}
.modal-header h3 {font-size: 15px;}
.pop-left-side span.pro-name {font-size: 17px;}
.pop-btn a.continue-shppping {font-size: 16px;}
.pop-right-side {width: 100%;}
.pop-left-side span.pro-price {font-size: 17px;}
.pop-right-side .previewCartCheckout-subtotal p {font-size: 13px;}
span#totalPrice {font-size: 15px;margin: 5px 0 0 0;}
.pop-btn a.checkout {font-size: 15px;}
.pop-btn a.view-cart {font-size: 15px;}
.modal-body {padding: 20px 15px 15px 15px !important;}
}