@charset "utf-8";
/* CSS Document */


@media only screen and (min-width:1176px) and (max-width:1280px)
{
.container{ width: 96%;}
.mid_left{ width: 28%;}
.mid_right{ width: 70%;}
.mid{ width: 60%;}
.offer_box1{ width: 100%;}
.offer_box2{ width: 48%;}
.offer_grn{ width: 52%;}
.offer_grn h3{ font-size: 90px;}
.offer_grn2{ width: 38%;}
.offer_grn2 p{ font: 400 42px/45px "Roboto Condensed",sans-serif;}
.offer_box1_btm p{ font: 300 28px/45px "Roboto Condensed",sans-serif;}
.product_box{ width: 31%; margin: 30px 25px 0 0;}
.footer_box1{ width: 25%;}
.logo{ margin-left: 0px;}


}


@media only screen and (min-width:1025px) and (max-width:1175px)
{
.container{ width: 96%;}
.mid_left{ width: 28%;}
.mid_right{ width: 70%;}
.mid{ width: 60%;}
.offer_box1{ width: 100%;}
.offer_box2{ width: 48%;}
.offer_grn{ width: 52%;}
.offer_grn h3{ font-size: 76px;}
.offer_grn2{ width: 38%;}
.offer_grn2 p{ font:400 38px/41px "Roboto Condensed",sans-serif;}
.offer_box1_btm p{ font: 300 23px/45px "Roboto Condensed",sans-serif;}
.product_box{ width: 30%; margin: 30px 25px 0 0;}
.footer_box1{ width: 25%;}
.logo{ margin-left: 0px;}
.banner_txt h2{ font-size: 55px;}
.banner_txt h2 span{ font-size: 87px;}
.banner_txt h2 b{ font-size: 40px;}
.offer_box2 h4{ font: 400 48px/48px "Roboto Condensed",sans-serif;}
.product_btn ul li{ margin: 0 3px 0 0; padding: 0 8px 0 0;}
.product_btn ul li a{ font-size: 13px;}
.footer_box1{ width: 23%;}


}


@media only screen and (min-width:768px) and (max-width:1024px)
{
.container{ width: 96%;}
.mid_left{ width: 28%;}
.mid_right{ width: 70%;}
.mid{ width: 100%;}
.offer_box1{ width: 100%;}
.offer_box2{ width: 48%;}
.offer_grn{ width: 52%;}
.offer_grn h3{ font: 400 52px/56px "Roboto Condensed",sans-serif}
.offer_grn2{ width: 38%;}
.offer_grn2 p{ font:400 32px/36px "Roboto Condensed",sans-serif;}
.offer_box1_btm p{ font: 300 18px/32px "Roboto Condensed",sans-serif; padding: 0px;}
.product_box { margin: 30px 10px 0 0; width: 32%;}
.footer_box1{ width: 25%;}
.logo{ margin-left: 0px;}
.banner_txt h2{ font: 300 40px/36px "Roboto Condensed",sans-serif;}
.banner_txt h2 span{ font-size: 68px;}
.banner_txt h2 b{ font-size: 30px;}
.offer_box2 h4{ font: 400 30px/36px "Roboto Condensed",sans-serif;}
.product_btn ul li { margin: 0; padding: 0 5px 0 0;}
.product_btn ul li a{ font-size: 12px;}
.footer_box1{ width: 23%;}
.banner_txt{ top: 14px; right:22px;}
.offer_box2 h5{ font: 300 28px/42px "Roboto Condensed",sans-serif;}
.offer_box2 p{ font: 300 16px/28px "Roboto Condensed",sans-serif;}
.product_details h5{ font: 400 12px/18px "Roboto Condensed",sans-serif;}
.product_details p{ padding: 6px 3% 0;}
.product_details a{ padding: 0 22px 0 40px; font: 400 14px/34px "Roboto Condensed",sans-serif;}
.product_box{ min-height: 482px;}
.search_box{width:80%;float:left;margin: 5px 5px 5px 100px;}
.search_box input [type="text"]{width:90%;}






}



@media only screen and (max-width:767px) 
{
.container{ width: 80%;}
.mid_left{ width: 100%;}
.mid_right{ width: 100%; margin-top: 30px;}
.mid{ width: 100%;}
.banner_txt h2{ font: 300 40px/36px "Roboto Condensed",sans-serif;}
.banner_txt h2 span{ font-size: 68px;}
.banner_txt h2 b{ font-size: 30px;}
.offer_box1{ width: 100%;}
.banner_txt{ top: 14px; right:22px;}
.offer_box2{ width: 100%;}
.product_box{ width: 100%;}
.footer_box1{ display: inline-block; float: none; margin-top: 15px; text-align: center; width: 100%;}
.footer_box2{ display: inline-block; float: none; margin-top: 15px; text-align: center; width: 100%;}
.mail_box input[type="text"]{ width: 90%;}
.mail_box input[type="search"]{ width: 10%;}
.social_box { display: inline-block; float: none; margin-top: 28px; text-align: center; width: 100%;}
.social_box ul li{ float: none; display: inline;}
.social_box p{ padding-top: 15px;}
.footer_sec{ padding-bottom: 28px;}
.search_box{ width: 32%;}
.search_box input[type="text"]{ width: 80%;}
.search_box input[type="search"]{ width: 16%;}
.logo { float: left; margin-left: 0; width: 170px;}
.header_top_inner{ padding: 20px 0;}
.header_top_rt{ width: 47%;}
.header_slct { float: left; width: 88%;}
.cart { float: right; width: 12%;}
.cart img{ width: 100%;}
.search_box{width:80%;float:left;margin: 5px 5px 5px 100px;}
.search_box input [type="text"]{width:90%;}


}






@media only screen and (max-width:639px)
{
.container{ width: 96%;}
.mid{ width: 100%;}
.menu_sec{ padding-bottom: 20px;}
.mid{ width: 60%;}
.search_box { width: 100%;}
.search_box input[type="text"] { width: 90%;}
.search_box input[type="search"] { width: 10%;}
.menu_left ul { padding: 0 0 0 39px;}
.home_bg { left: 0; position: absolute; top: 15px; width: 34px;}
.menu_left ul li a{ margin: 0 8px 0 0; font: 400 15px/60px "Roboto Condensed",sans-serif;}
.logo { display: inline-block; float: none; margin-left: 0; text-align: center; width: 100%;}
.logo img { max-width: 80%;}
.header_top_rt { width: 100%;}
.currncy_box{ width: 100%;}
.cntry_box{ width: 100%;}
.header_slct{ width: 100%;}
.cart{ width: 100%;}
.cart img{ width: 9%; float: right;}
.search_box{width:80%;float:left;margin: 5px 5px 5px 100px;}
.search_box input [type="text"]{width:90%;}


}


@media only screen and (max-width:480px)
{
.mid{ width: 100%;}
.banner_txt h2 { font: 300 23px/18px "Roboto Condensed",sans-serif;}
.banner_txt h2 span {font-size: 36px; padding: 10px 0 0;}
.banner_txt h2 b { padding-top:10px; font-size: 17px;}
.offer_grn h3{ font: 400 58px/55px "Roboto Condensed",sans-serif;}
.offer_grn2{ width: 54%;}
.offer_grn2 p{ font: 400 36px/38px "Roboto Condensed",sans-serif;}
.offer_box1_btm p{ padding: 0px; font: 300 24px/35px "Roboto Condensed",sans-serif;}
.offer_grn{ width: 45%;}
.offer_box2 h4{ font: 400 50px/51px "Roboto Condensed",sans-serif;}
.search_box{width:80%;float:left;margin: 5px 5px 5px 100px;}
.search_box input [type="text"]{width:90%;}





}