@font-face {
  font-family: times-bold;
  src: url(../fonts/timr65w.ttf);
}

html,body{padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; color:#666666;}
.container{width:700px; margin:0 auto;}
.shop_now{background:#383871; padding:10px 30px; color:#fff; text-decoration:none; cursor:pointer; border-radius:20px;}
.clearfix{clear:both;}

.section1{position:relative;}
.section1 .banner_content{position:absolute; top:0; padding:25px; width:40%;}
.section1 .logo{margin-top:10px;}
.section1 .banner_title1{margin-top:45%; font-size:20px; color:#fff;}
.section1 .banner_rectangle{margin:7% 0; border-bottom:#FFF 5px solid; width:20%; height:1px;}
.section1 .banner_title2{font-size:72px; color:#f5ff56; font-family: times-bold;}

.section2{padding:80px 25px; text-align:center;}
.section2 .offer_hint{font-style:italic;}
.section2 .offer_breakup{width:10%; border-bottom:#666666 1px solid; height:1px; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.section2 .offer_title{color:#383972; font-size:24px; font-weight:bold; width:80%; margin:0 auto;}

.section3{padding:0 25px;}
.section3 .row-flex{display:flex; align-items:center;}
.section3 .row-flex .left, .section3 .row-flex .right{width:50%;}
.section3 .row-flex .content{width:60%;}
.section3 .section3_title{font-size:36px; font-family: times-bold; color:#000000; font-weight:bold;}
.section3 .section3_breakup{width:20%; border-bottom:#000 2px solid; height:1px; margin:20px 0;}
.section3 .section3_description{font-size:21px; line-height:35px; margin-bottom:25px;}
.section3 .section3_description span{font-weight:bold;}
.section3 .middle_image{width:30%; margin:0 auto; margin-top:-180px;}
.section3 .middle_image img{max-width:100%;}
.section3.right{margin:120px 0;}
.section3.right .right{width:60%; text-align:right;}
.section3.right .content{float:right;}

.footer{margin-bottom:50px; padding:0 25px; text-align:center;}
.footer .contacts{margin:20px 0; font-size:14px;}
.footer .contacts span.contact span{font-weight:bold;}
.footer .social a{height:45px; width:45px; border:#666666 1px solid; border-radius:50%; display:inline-block; margin-right:10px;} 
.footer .social a img{margin-top:6px;}

@media only screen and (max-width: 769px) {
.container{width:100%; font-size:14px;}
.shop_now{padding:5px 15px; font-size:12px;}

.section1 img{width:100%;}
.section1 .banner_content{padding:10px;}
.section1 .logo{width:60%;}
.section1 .banner_title1{margin-top:25%; font-size:12px;}
.section1 .banner_rectangle{margin:10% 0; }
.section1 .banner_title2{font-size:40px;}

.section2{padding:40px 10px;}
.section2 .offer_title{font-size:18px;}

.section3{padding:0 10px;}
.section3 img{width:100%;}
.section3 .row-flex .content{width:60%;}
.section3 .section3_title{font-size:20px;}
.section3 .section3_breakup{margin:8px 0;}
.section3 .section3_description{font-size:13px; line-height:22px; margin-bottom:10px;}
.section3 .middle_image{width:30%; margin:0 auto; margin-top:-80px;}
.section3.right{margin:60px 0;}
.section3.right .right{width:60%; text-align:right;}
.section3.right .content{float:right;}

.footer{margin-bottom:20px;}
.footer .contacts{margin:20px 0; font-size:12px;}
.footer .divider{display:none;}
.footer .contacts span.contact{display:block; width:100%;}
}