@media (max-width: 1200px){
   .container{
        max-width: 100% !important;
    }
}
@media (min-width: 1200px){
   ol.breadcrumb .container{
        max-width: 100% !important;
    }
}
@media (min-width: 1300px){
   ol.breadcrumb .container{
        max-width: 100% !important;
    }
}
@media (min-width: 1400px){
   ol.breadcrumb .container{
        max-width: 100% !important;
    }
}
@media (min-width: 1500px){
   ol.breadcrumb .container{
        max-width: 1480px !important;
    }
}
@media (min-width: 1600px){
   ol.breadcrumb .container{
        max-width: 1520px !important;
    }
}
@media (min-width: 1700px){
   ol.breadcrumb .container{
        max-width: 1620px !important;
    }
}
@media (min-width: 1800px){
   ol.breadcrumb .container{
        max-width: 1720px !important;
    }
}

*{font-family: Poppins,sans-serif;}
body{background-color: #F8F8FA;}


.heading-sec{position: relative; margin-bottom: 20px; display:inline-block; width:100%; padding-bottom: 10px; border-bottom: solid 1px #f2f2f2;}
.heading-sec::after { content: ''; width: 180px; height: 2px; background: #ffb100; display: block; position: absolute; right:auto; left: 0; bottom: 0 }
.heading-sec i { margin-right: 15px; color: #ffb100; vertical-align: middle }
.heading-sec h2{  font-size:20px !important; font-weight:700 !important; font-family: 'Poppins', sans-serif; color:#151515; }





.tamara .container{ max-width: 1366px !important; margin: 25px auto;}

.breadcrumb-item span,
.breadcrumb span{font-family: "Open Sans",sans-serif;}

.tamara .hero-section img.logo{max-width: 100%;width: 261px;height: auto;}
.hero-section{height: 290px;background:#ffffff;display: flex;border-radius:5px;align-items: center;justify-content: center;flex-direction: column;padding: 30px 15px 40px;position: relative;}
.hero-section::before{content: "";background-image: url(https://test-abroad.ubuy.com.kw/skin/frontend/default/ubuycom-v1/images/tamara/Tamara1.png);background-size:100% auto;width: 198px;height: 162px;display: block;position: absolute;background-repeat: no-repeat;bottom: 0;left: 0}
.hero-section::after{content: "";background-image: url(https://test-abroad.ubuy.com.kw/skin/frontend/default/ubuycom-v1/images/tamara/Tamara2.png);background-size:100% auto;width: 158px;height: 136px;display: block;position: absolute;background-repeat: no-repeat;top: 0;right:  0}

.hero-section p{margin: 0;padding: 0;font-size: 22px;font-weight: 600;color: #999999;margin-top: 30px;z-index: 2;text-align: center;}

.flexible-payment-plan{width: 210px;height: 210px;background: #FFB100;padding: 40px;overflow: hidden;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.flexible-payment-plan img{max-width: 100%;}

.limit-plan{width: 210px;height: 210px;background: #FFB100;padding: 40px;overflow: hidden;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.limit-plan img{max-width: 100%;}

.option{margin-top: 40px;}
.option .col-sm-6{ margin-bottom:30px; }
.option p{font-size: 18px;color: #000;font-weight: 600;margin: 0;padding-top: 20px;}

.about-us{ background-color: #FFFFFF;padding: 50px; border-radius: 5px;border: 1px solid #EEEEEE;}
.about-us .content{margin-bottom: 30px;}
.about-us .content:last-child{margin-bottom: 0px;}
.about-us .content h1{font-size: 20px;color: #151515;font-weight: 600;}
.about-us .content p{font-size: 14px;color: #333333;margin-bottom: 6px;}


.uba-top-products { background:#fff; }
.top-selling-carousel{ margin-top:0px !important; }
.u-loader-sl.s1x{ height:70px; z-index:2; position:relative; }
.u-loader .loader-spin{ font-size:25px; }


/*====***** Responsive Css Starts ====*****/
@media screen and (max-width: 1300px){
.hero-section p{font-size: 28px;}
.about-us { padding:25px; }
 
}

@media screen and (max-width: 1200px){
.hero-section p{font-size: 26px;}
}

@media screen and (max-width: 1024px){
.hero-section p{font-size: 20px;}
img.logo{max-width: 75px;}
.flexible-payment-plan{width: 210px;height: 210px;padding: 45px;}
.limit-plan{width: 210px;height: 210px;padding: 45px;}
 
}

@media screen and (max-width: 768px){
.hero-section::before{height: 77px;width: 127px;}
.hero-section::after{width: 125px;}
.flexible-payment-plan,.limit-plan{width: 140px;height: 140px;padding: 35px;}
.option p{font-size: 16px;}
 
.about-us .content h1{font-size: 18px;}
.about-us .content{margin-bottom: 25px;}

.tamara .hero-section img.logo{width: 200px !important;}
}

@media screen and (max-width: 576px){
.hero-section p{text-align: center;font-size: 18px;}
.hero-section::before{height: 73px;width: 111px}
.hero-section::after{width: 110px;}
img.logo{max-width: 70px;}
.option p{  font-size: 16px; }
 
.flexible-payment-plan,.limit-plan{width: 130px;height: 130px;padding: 35px}

.about-us .content h1{font-size: 16px;}
}

@media screen and (max-width: 410px){
img.logo{max-width: 60px;}
.hero-section{padding: 25px;}
.hero-section p{font-size: 15px;}
.hero-section::after{width: 100px}
.hero-section::before{height: 68px;}
 
.about-us .content p{font-size: 13px;}
.option p{font-size: 14px;}
.flexible-payment-plan,.limit-plan{width: 110px;height: 110px;padding: 30px}
.option{margin-top: 20px;}

.tamara .hero-section img.logo{width: 150px !important;}
.hero-section{height: 200px;}
.hero-section p{margin-top: 20px;}
}

@media screen and (max-width: 320px){
.hero-section{padding: 16px;}
.hero-section::before{height: 58px;}
.hero-section::after{width: 93px;}
.hero-section p{font-size: 12px;}
img.logo{max-width: 50px;}
.about-us .content h1{font-size: 14px;}
 
.about-us .content p{font-size: 12px;}
.flexible-payment-plan,.limit-plan{width: 80px;height: 80px;padding: 20px}
.option p{font-size: 12px;}
}

/*KLARNA CSS STARTS*/
*{font-family: Poppins,sans-serif;padding: 0px;margin: 0px;}
.klarna{max-width: 1920px;background: #ffffff; padding-bottom:5px;}
.klarna ul li{ padding-left:30px; position:relative; }
.klarna ul li::before{ content:''; height:8px; width:8px; background:#666666; border-radius:100%; display:block; position:absolute; left:0; top:13px; }

.klarna .heroo-section{background: #FFE7CF;display: flex;justify-content: space-around;align-items: center;}
.klarna .heroo-section-content p{font-size: 66px;}

.klarna .container-fluid { padding:0 5%;}
.klarna .installments,.klarna .reimburse,.working,.faq{margin-top: 150px;}
.klarna .installments-content{height: 100%;display: flex;flex-direction: column; }
.klarna .installments-content h1,.reimburse-content h1{font-weight: 500;font-size: 42px;margin-bottom: 20px;}
.klarna .installments-content ul li,.reimburse-content ul li{font-size: 24px;color: #666666;line-height: 35px;margin-bottom: 10px;}

.klarna .reimburse img,.klarna .installments img{max-width: 100%;}
.klarna .reimburse-content{height: 100%; }
.klarna .reimburse ul{text-align: justify;}

.klarna .working{background: #f8f8fa;margin-top: 150px; padding: 80px; }
.klarna .working .working-content{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.klarna .working .working-content h1{font-weight: 500;font-size: 42px;margin-bottom: 20px;}
.klarna .working .working-content ul{margin-top: 30px;}
.klarna .working .working-content ul li{font-size: 24px;color: #666666;line-height: 35px;margin-bottom: 15px;}

.klarna .faq .container{max-width: 1140px;}
.klarna .faq h1.text-center{margin-bottom: 60px;font-size: 42px;font-weight: 500;}
.klarna .faq .content{margin-bottom: 40px;}
.klarna .faq .content h1{font-weight: 600;font-size: 24px;}
.klarna .faq .content p{font-weight: 500;font-size: 18px;color: #666666;}


@media screen and (max-width: 1366px){
  .klarna .installments-content h1,.reimburse-content h1{font-size: 30px;}
  .klarna .installments-content ul li, .reimburse-content ul li{font-size: 20px;line-height: 30px;}
  .klarna .installments, .reimburse, .working, .faq{margin-top: 120px !important;}
  .klarna .working{padding: 70px;}
  .klarna .working .working-content ul li{font-size: 20px;}
  .klarna .working .working-content h1{font-size: 40px}
}

@media screen and (max-width: 1024px){
  .klarna .installments-content h1,.reimburse-content h1{font-size: 33px;}
  .klarna .installments-content ul li, .reimburse-content ul li{font-size: 20px;line-height: 26px;margin-bottom: 15px;}   
  .klarna .installments, .reimburse, .working, .faq{margin-top: 120px !important;}
  .klarna .installments-img,.klarna .reimburse-img{margin-top: 50px;width: 100%;display:flex !important;justify-content: center !important;}
  .klarna .working{padding:40px;}
  .klarna .working .working-content ul li{font-size: 20px;}
  .klarna .heroo-section-content p{font-size: 50px;}
  .klarna .working .working-content h1{font-size: 38px;}
}

@media screen and (max-width: 768px){
  .klarna .heroo-section{flex-direction: column;padding: 100px;}
  .klarna .heroo-section-img{display: none;}
  .klarna .installments, .reimburse, .working, .faq{margin-top: 100px !important;}
   
  .klarna .working .working-content ul li{font-size: 22px;line-height: 32px;}
  .klarna .working .working-content h1{font-size: 33px;}
  .klarna .faq .content h1{font-size: 22px;}
  .klarna .heroo-section-content{text-align: center;}
}

@media screen and (max-width: 576px){
  .klarna .heroo-section{padding: 80px;}
  .klarna .heroo-section-content p{font-size: 40px;}
  .klarna .heroo-section-content img{width: 250px;}
  .klarna .installments, .reimburse, .working, .faq{margin-top:75px !important }
  .klarna .installments-content h1, .reimburse-content h1{font-size: 26px;}
  .klarna .working { padding: 32px;}
  .klarna .faq h1.text-center{margin-bottom: 50px;font-size: 40px;}
  .klarna .faq .content h1{font-size:20px;}
  .klarna .faq .content p{font-size: 16px;}
  
}


@media screen and (max-width: 480px){
  .klarna .heroo-section{padding: 60px;}
  .klarna .heroo-section-content img{width: 200px;}
  .klarna .heroo-section-content p{font-size: 32px;}
  .klarna .installments, .reimburse, .working, .faq{margin-top: 50px !important;}
  .klarna .installments-content h1, .reimburse-content h1{font-size: 22px;}
  .klarna .installments-content ul li, .reimburse-content ul li{font-size: 18px;line-height: 28px;margin-bottom: 15px;}
  .klarna .installments-img, .reimburse-img{margin-top: 35px}
  .klarna .working .working-content ul li{font-size: 20px;line-height: 30px;}
  .klarna .faq h1.text-center{margin-bottom: 40px;}
  
}

@media screen and (max-width: 414px){
  .klarna .heroo-section{padding: 50px;}
  .klarna .heroo-section-content p{font-size: 30px;}
  .klarna .working .working-content h1{font-size: 25px;}
  .klarna .working .working-content ul li{font-size: 18px;line-height: 28px;}
  .klarna .faq .content p{font-size: 15px;}
  .klarna .faq h1.text-center{font-size: 35px;}
  .klarna .faq .content{margin-bottom: 35px;}
  .klarna .faq .content h1{font-size: 18px;}
  .klarna .working{margin-top: 50px !important;}
}

@media screen and (max-width: 320px){
  .klarna .heroo-section{padding: 50px 40px;}
  .klarna .heroo-section-content img{width: 160px;}
  .klarna .heroo-section-content p{font-size: 22px;}
  .klarna .installments-content h1, .reimburse-content h1{font-size: 20px;margin-bottom: 20px;}
  .klarna .installments-content ul li, .reimburse-content ul li{font-size: 14px;line-height: 20px;margin-bottom: 15px;}
  .klarna .installments-img, .reimburse-img{margin-top: 10px;}
  .klarna .working .working-content h1{font-size: 20px;}
  .klarna .working .working-content ul{margin-top: 10px;}
  .klarna .working .working-content ul li{font-size: 14px;line-height: 24px;margin-bottom: 15px;}
  .klarna .faq .content p{font-size: 13px;}
  .klarna .faq h1.text-center{font-size: 20px;margin-bottom: 15px;}
  .klarna .faq .content{margin-bottom: 30px;}
  .klarna .faq .content h1{font-size: 16px;}
}
/*KLARNA CSS ENDS*/