body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Roboto', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}

/*font-family: 'BEBASNEUEBOLD';
font-family: 'Poppins', sans-serif;
font-family: 'HandOfSean';
font-family: 'HandOfSeanDemo';*/

a{  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.container{ max-width: 1250px;}


/*header*/
.header_sec{ width: 100%; position: relative; padding: 20px 0; position: relative; }
.nav_top{ padding: 0px; margin: 0px; }
.nav_top .navbar-brand{ width: auto; padding: 0; margin: 0px; }
.nav_top .navbar-brand img{ max-width: 100%; }
.menu_sec { padding-right: 85px; }
.menu_sec li{ font: 500 14px/20px 'Poppins', sans-serif; color: #000; padding: 0; margin-left: 42px; }
.menu_sec li:first-child{ margin-left: 0px; }
.menu_sec li a{ display: inline-block; padding: 8px 0; color: #000; text-transform: capitalize; }
.menu_sec li a:hover{ color:#60c4bf; }
.menu_sec li.select a{ color:#60c4bf; }

.top_right_section{ width: auto; position: absolute; right: 0px; top: 7px;  }
.top_right_section li{ margin-left: 15px; position: relative; float: left; }
.top_right_section li:first-child{ margin-left: 0px; }
.top_right_section li img{ max-width: 100%; }
.top_right_section li span.dot_select{ position: absolute; right: -5px; top: -5px; }
.top_right_section li span.dot_select i{ font-size: 7px; color:#ff7f00; border: 3px solid #fff; border-radius: 100%; }

.bannersecs{ width: 100%;  position: relative; background: #60c4bf; }
.bannersecs:after{ width: 100%; position: absolute; left: 0px; bottom: -16px; background: url(../images/banner_line_image2.png) repeat-x 0 0; content: ""; height: 70px; }
.bannerItm{ width: 100%; position: relative; height: 700px; }
.bantext{ position: absolute; top: 50%; left: 50%; width: 100%;
-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%); width: 100%;
}
.ban_box{ width: 100%; display: inline-block; }
.ban_box em{ font: normal 70px/80px 'HandOfSean'; color: #ffea35; width: 100%; display: inline-block; position: relative; margin-top: 30px; }
.ban_box em:before{ width: 100%; height: 19px; position: absolute; left: 0px; bottom: 0px; background: url(../images/yellow_line.png) no-repeat 0 0; content: ""; }
.ban_box b{ font: normal 100px/100px 'BEBASNEUEBOLD'; color: #fff; width: 100%; display: inline-block; text-transform: uppercase; text-shadow: 6px 6px 1px #56b0ac; }
.ban_right { width: 57%; display: inline-block;  padding: 32px 0 0; position: absolute; right: 0;  top: 0;}
.ban_right img { width: 100%; }
.bannersecs:before{ width: 40px; position: absolute; left: 0px; top: 0; background: url(../images/banner_line1.jpg) repeat-y 0 0; content: ""; height: 100%; }

.about_main{ width: 100%; padding: 90px 0 120px 0; text-align: center; }
.global_text h1, .global_text h2{ font: 300 50px/55px 'Poppins', sans-serif; color:#000; } 
.global_text h1 span, .global_text h2 span{ color:#00abb3; font-family: 'HandOfSeanDemo'; position: relative; }
.global_text h1 span:before, .global_text h2 span:before{ width: 100%; height: 19px; position: absolute; left: 0px; bottom: 0px; background: url(../images/green_line.png) no-repeat 0 0; content: ""; background-size: 100% !important; }
.about_main_inner{ width: 100%; display: inline-block; }
.about_main_inner p{ font: 300 22px/40px 'Poppins', sans-serif; color: #444444; padding-top: 20px; }
.about_main_inner a{ width: 260px; height: 70px; background: #ff7f00; border-radius: 50px; box-shadow: 2px 8px 1px 0px #d06900; display: inline-block; margin-top: 30px;
font: 700 24px/68px 'Poppins', sans-serif; color: #fff;  }
.about_main_inner a:hover{background:#00abb3; box-shadow: 2px 8px 1px 0px #08888e;}

.works_main{ width: 100%; position: relative; background: #ffd3c1; padding: 60px 0 0; }
.works_main:before{ width: 100%; position: absolute; left: 0px; top: -58px; background: url(../images/orange_line.png) repeat-x 0 0; content: ""; height: 69px; }
.works_main:after{ width: 100%; position: absolute; left: 0px; bottom: -14px; background: url(../images/orange_line4.png) repeat-x 0 0; content: ""; height: 68px; }
.works_main.global_text h2 { text-align: center; }
.works_main.global_text h2 span{ color:#dd6d3f;}
.works_main.global_text h2 span:before{background: url(../images/orange_line3.png) no-repeat 0 0; }

.works_inner{ width: 100%; position: relative; margin-top: 30px; }
.works_image{ width: 100%; }
.works_image img{ max-width: 100%; }
.works_right{ width: 100%; }
.works_right h3{ font: normal 50px/65px 'HandOfSeanDemo'; color:#161345; }
.works_right h4{ font: normal 30px/35px 'Poppins', sans-serif; color:#000; padding-top: 20px; }
.works_right p{ font: normal 18px/30px 'Poppins', sans-serif; color:#444444; padding-top: 10px; }
.works_inner .row{ align-items: center; }
.works_inner:nth-child(even) .row{ flex-direction: row-reverse; }

.process_main{ width: 100%; text-align: center; position: relative; padding: 65px 0 130px 0; }
.process_main.global_text h2 span{ color:#e9ba00;}
.process_main.global_text h2 span:before{display: none; }
.process_innr{ width: 100%; display: inline-block; margin-top: 30px; padding: 0 20px; }
.process_innr img{ max-width: 100%; }
.process_innr h4{ font: 300 24px/26px 'Poppins', sans-serif; color:#000; padding-top: 10px; }
.process_innr p{ font: 300 14px/24px 'Poppins', sans-serif; color:#666; padding-top: 10px; }

.gallery_main{ width: 100%; padding: 80px 0; position: relative; background: #cce5ff; }
.gallery_main:before{ width: 100%; position: absolute; left: 0px; top: -58px; background: url(../images/blue_line.png) repeat-x 0 0; content: ""; height: 64px; }
.gallery_main:after{ width: 100%; position: absolute; left: 0px; bottom: -53px; background: url(../images/blue_line3.png) repeat-x 0 0; content: ""; height: 70px; z-index: 5; }
.gallery_main h2{ font: normal 100px/80px 'BEBASNEUEBOLD'; color:#161345; text-transform: uppercase; } 
.gallery_main h2 span{ color:#5192d5; font-family: 'HandOfSean'; position: relative; text-transform: capitalize; }
.gallery_main h2 span:before{ width: 100%; height: 19px; position: absolute; left: 0px; bottom: 26px; background: url(../images/blue_line2.png) no-repeat 0 0; content: ""; background-size: 100% !important; }


.step_arrow1 { width: auto; position: absolute; left: 25%; bottom: -194px; }
.step_arrow1 img{ max-width: 100%; }
.step_arrow2 { width: auto; position: absolute; left: 45%; bottom: -150px; }
.step_arrow2 img{ max-width: 100%; }
.gallery_inner{ column-count: 4; column-gap: 20px; margin-top: 80px; }
.gallery_image{ width: 100%; margin-bottom: 20px; overflow: hidden;  border-radius: 12px; }
.gallery_image img{ width: 100%; border-radius: 12px;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }

.feature_main{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; }
.feature_image{ width: 100%; text-align: center; }
.feature_image img{ max-width: 100%; }
.feature_main.global_text h2 { font-size: 40px; line-height: 45px; }
.feature_main.global_text h2 span{ font-family: 'HandOfSean'; color:#3bbcc3; }
.feature_main.global_text h2 span::before{ display: none; }
.feature_main .about_main_inner a{ text-align: center; }
.feature_main .about_main_inner { padding-top: 60px;}


.footer_sec{ width: 100%; background: #0f0c3d; }
.footer_top{ width: 100%; padding: 75px 0 0; }
.footer_box{ width: 100%; display: inline-block; }
.ftr_logo img{ max-width: 100%; }
.footer_box p{ font: 300 14px/24px 'Poppins', sans-serif; color:#fff; padding: 20px 0 0; }
.footer_box a.more_btn{ font: 500 14px/24px 'Poppins', sans-serif; color:#ffea35; margin: 20px 0 0; border-bottom: 1px solid #ffea35; padding: 0; display: inline-block; }
.footer_box a.more_btn:hover{ color:#ff7f00; border-color:#ff7f00; }
.footer_box h4{ font: 600 20px/24px 'Poppins', sans-serif; color:#fff; padding-bottom: 10px; }
.footer_box ul.qk_menu{ width: 100%; display: inline-block; }
.footer_box ul.qk_menu li{ width: 100%; display: inline-block; font: 300 14px/24px 'Poppins', sans-serif; color:#fff; margin: 3px 0; }
.footer_box ul.qk_menu li a{color:#fff; width: 100%; display: inline-block; }
.footer_box ul.qk_menu li a:hover{color:#ffea35; }

.footer_box ul.contact_menu{ width: 100%; display: inline-block; }
.footer_box ul.contact_menu li{ width: 100%; display: inline-block; font: 300 14px/24px 'Poppins', sans-serif; color:#fff; margin: 3px 0; position: relative; padding-left: 25px; }
.footer_box ul.contact_menu li a{color:#fff; width: 100%; display: inline-block; }
.footer_box ul.contact_menu li a:hover{color:#ffea35; }
.footer_box ul.contact_menu li i{ position: absolute; left: 0px; top: 4px; color:#ffea35; font-size: 16px; }

.footer_btm{ width: 100%; padding: 25px 0; border-top: 1px solid #33305a; display: inline-block; margin-top: 60px; position: relative; }
.footer_btm ul.ftr_sos{ float: left; }
.footer_btm ul.ftr_sos li{ float: left; margin: 0 5px 0 0; }
.footer_btm ul.ftr_sos li:last-child{ margin-right: 0px; }
.footer_btm ul.ftr_sos li a{ width: 33px; height: 33px; border-radius: 100%; text-align: center; line-height: 33px; float: left; color:#fff; font-size: 16px; background: #60c4bf; }
.footer_btm ul.ftr_sos li a:hover{ background: #ffea35; color:#000; }
.footer_btm span{ font: 400 14px/16px 'Poppins', sans-serif; color:#fff; position: absolute; left: 50%; top: 50%; 
-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%);
}
.footer_btm span a{ color:#ffea35; border-bottom: 1px solid #ffea35; margin: 0 15px; }

.live_chat{ width: auto; position: absolute; right: 0px; top: 19px; padding: 15px; padding-right: 50px; font: 300 14px/16px 'Poppins', sans-serif; color:#afaebf; background: url(../images/chat.png) no-repeat right center; }

.feature_main:before{ width: 610px; height: 380px; background: url(../images/bg2.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 0px; bottom: 0px; content: ""; }
.feature_main:after{ width: 410px; height: 185px; background: url(../images/bg1.png) no-repeat 0 0; background-size: 100%; position: absolute; right: -60px; top: 0px; content: ""; }
.about_main{ position: relative; }
.about_main:before{ width: 610px; height: 380px; background: url(../images/bg2.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 0px; bottom: 0px; content: ""; }
.about_main::after { width: 340px; height: 188px; background: url(../images/bg3.png) no-repeat 0 0;  background-size: 100%; position: absolute; right: 0px; top: -50px; content: ""; }

.gallery_image:hover img{-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



/*product_detail*/
.product_gallery:before{background: url(../images/product_img.png)no-repeat left top; left: 0; top: 0px; width: 20px; height: 100%; background-size: cover;}
.product_gallery .img_sec img{border-radius: 22px; width: 100%;}
.left_sec{position: relative; width: 100%;}
.product_gallery .share_icon{position: absolute; bottom: 50px; left: 20px; z-index: 5;}
.img_sec .owl-nav{position: absolute; top: 50%; left: 0;
		ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);  font-size: 0px; width: 100%;
}
.img_sec .owl-prev , .img_sec .owl-next{background: #b2b2b2; border-radius: 100%; width: 38px; height: 69px; }
.img_sec .owl-prev{float: left; position: relative; border-radius: 0px 50px 50px 0;}
.img_sec .owl-next{float: right; position: relative; border-radius: 50px 0 0 50px;}
.img_sec .owl-prev:before{content: "\f053";  padding: 0 3px !important;}
.img_sec .owl-next:before{ content: "\f054"; padding: 0 14px !important;}
.img_sec .owl-prev:before, .img_sec .owl-next:before{  font: normal 20px/69px FontAwesome;  color: #fff;}





.product_gallery .share_icon i{color:#fcfcfc; background: #161345; border-radius: 100%; width: 40px; height: 40px; line-height: 40px; text-align: center;
font-size: 20px; box-shadow: 2px 2px 20px rgba(0,0,0,0.4);}
.product_gallery .col-md-7{padding-left: 23px;}
.right_sec h1{color: #161345;}
.right_sec p{color: #605f72; padding-top: 8px;}
.product_gallery .process_innr{margin-top: 0px; padding: 0px;}
.price_sec {background: #c9ddf2; border-radius: 10px; padding: 20px 27px; margin: 20px 0;}
.price_sec h5{font: 400 14px/26px 'Poppins', sans-serif; color: #161345;}
.price_sec h5 b{font-size: 40px ;line-height: 50px; font-weight: 500;}
.price_sec h5 span{font-size: 20px; line-height: 30px; color: #67657c; font-weight: 300; padding: 0 8px 0 2px;}
.price_sec p{font-weight: 400; color: #4e4d5f;}
.check_sec {float: left; margin-left: 10px;}
.check_sec input[type=radio] {
    display:none;
}

.check_sec input[type=radio] + label {
    display:inline-block;
    border-radius: 100% !important; 
    border: 3px solid #ffffff !important; 
    box-shadow:1px 1px 10px rgba(0,0,0,0.4);
    position: relative;
    width: 40px !important;
    height: 40px !important; 
    cursor: pointer;
}
/*.color_sec input[type=radio]:checked + label {
   background-image: none;
    background-color:#d0d0d0;
}*/
.check_sec input[type=radio]:checked + label:before{content: "\f00c"; position: absolute; color: #fff; font: normal normal normal 20px/40px FontAwesome; top: 50%; left: 50%;
ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%); 
}
.color_sec{display: inline-block; width: 100%;}
.color_sec span{font: 400 18px/28px 'Poppins', sans-serif; color: #161345; float: left; margin: 6px 5px 0 0;}



.size_sec{margin: 20px 0 30px 0; display: inline-block; width: 100%;}
.size_sec input[type=radio] + label{display:inline-block; font: 400 15px/38px 'Poppins', sans-serif; color: #161345; border: 1px solid #afbdd7 !important;
border-radius: 30px !important; background: transparent !important; width: 110px!important; height:40px!important; 
box-shadow: none !important; text-align: center; cursor: pointer;}
.size_sec span{font: 400 18px/28px 'Poppins', sans-serif; color: #161345; float: left; margin: 6px 5px 0 0;}
.size_sec input[type=radio]:checked + label{background: #ff7f00 !important; border-color: #ff7f00 !important; color: #fff;}
.size_sec input[type=radio]:checked + label:before{display: none !important;}


.add_cardbtn {
    width: 76%;
    height: 60px;
    background: #ff7f00; 
    border-radius: 50px;
   	box-shadow: 2px 8px 1px 0px #d06900;
    font: 700 22px/60px 'Poppins', sans-serif;
    float: right;
    text-align: center;
    color: #ffffff !important; cursor: pointer;

}
.add_cardbtn:hover {
    background: #00abb3;
    box-shadow: 2px 8px 1px 0px #08888e;
}
.product_gallery:after{background: url(../images/blue_line4.png) repeat-x 0 0;bottom: -66px;}


.qntyBox input[type="number"]{display: inline-block;   height: 55px;  -webkit-appearance: none; padding-right: 30px;}
.qntyBox input[type="number"]:focus{outline: none;}
.quantity{ position: relative;margin-top: 10px;}
.quantity-nav{ position: absolute; top: 8px; right: 20px; width: 30px; text-align: center; height: auto; border-left: 1px solid #c4c5c5; padding: 0 10px;}
.quantity-button{ width: 100%; display: inline-block; height: 39%;}
.quantity-button.quantity-up{ font-size: 0px; cursor: pointer;  background: url(../images/up_arrow.png) no-repeat right center; width: 16px; height: 8px; background-size: 100%;}
.quantity-button.quantity-down{ font-size: 0px; cursor: pointer;  background: url(../images/down_arrow.png) no-repeat right center; width: 16px; height: 8px; background-size: 100%;}
.quantity input[type="number"] {
    -moz-appearance: textfield;
    width: 100%;
    height: 50px;
    text-align: center;
    background: #f5f6f6;
    color: #000;
    font: 300 30px/45px 'Poppins';
    padding-right: 30px;
    border-radius: 30px;
    border: none;
}
.quantity {
    position: relative;
    width: 20%; float: left;
    margin: 10px 20px 0 0;
   
}


.description_sec{position: relative; width: 100%;}
.description_sec:before{position: absolute; content: ""; width: 252px; height: 140px; background: url(../images/bg3.png)no-repeat right top; background-size: 100%; right: 0px !important; top:0; left: inherit;}
.description_sec:after{position: absolute; content: ""; width: 530px; height: 404px; background: url(../images/bg2.png)no-repeat left bottom;background-size: 100%; left: 0; bottom: 0; z-index: 0;}
.description_sec{padding: 100px 0 80px 0;min-height: 600px; width: 100%;}
.description_content{background: #60c4bf; border-radius: 20px; padding: 30px 40px; position: relative; z-index: 1;}
.description_content h4{color: #fff;  font: 400 35px/45px 'Poppins', sans-serif; border-bottom: 1px solid #50b1ac; padding-bottom: 4px;}
.description_content p{font: 400 18px/28px 'Poppins', sans-serif; color: #fff;  margin-top: 8px;}


/*shopping_page*/
.shopping_main{background: #7be6e1; position: relative;}
.shopping_main:before{background: url(../images/shopping_img.png)no-repeat left top; position: absolute; left: 0; top: 0px; width: 20px; height: 100%; content: ""; background-size: cover;}
.shopping_content{padding: 70px 0 90px 0;}
.card_sec{background: #ffffff; border-radius: 20px; width: 100%; padding: 15px 0 15px 18px; margin-top: 20px; position: relative;}
.close_sec{position: absolute; right: 8px; top: 10px; border: 1px solid #b7b6c5; padding:0; border-radius: 100%; height: 40px; width: 40px; text-align: center; line-height: 40px; background: url(../images/close.png) no-repeat center center;}



.media_img {background: #e9e8ee; width: 275px; border-radius: 20px; text-align: center; padding: 5px 0;margin-right: 30px;}
.card_sec .media img{max-width: 100%;}
.card_sec .media .media-body ul li{font: 400 16px/26px 'Poppins', sans-serif;  color: #504f5f; margin: 13px 0;}
.card_sec .media .media-body ul li span{width: 133px; display: inline-block;}
.card_sec .media .media-body ul li b{font-weight: 600; color: #100c3e; padding-left: 10px;}


.right_sec thead tr th {font: 400 24px/34px 'Poppins'; color: #100c3e; text-align: center; letter-spacing: 1px;padding-bottom: 32px;}
.right_sec .table thead th{border: none;}
.right_sec .table tr td{border-bottom: 2px dotted #c2c2c2; border-top: none;}
.right_sec .table tr:last-child td{border-bottom:none;}
.right_sec .table td{font:400 14px/24px 'Poppins', sans-serif; color: #504f5f; padding: 11px 12px;}
.right_sec .table span{float: right; font:600 15px/25px 'Poppins', sans-serif; color: #100c3e;}
.shopping_content h1{font:300 35px/45px 'Poppins', sans-serif; color: #000000;}

.next_btn {height: 60px; background: #ff7f00;  border-radius: 50px;box-shadow: 2px 8px 1px 0px #d06900; font: 700 22px/60px 'Poppins', sans-serif; text-align: center;color: #ffffff !important; padding: 0 70px; display: inline-block; margin-top: 65px;}
.next_btn img{padding-left: 4px; max-width: 100%;}



ins{ text-decoration: none !important;}
.product_gallery .process_innr img{ width: auto !important;}

.shop_right_sec {background: #ffffff; padding: 30px 25px; width: 100%; border-radius: 20px;}
.shop_right_sec thead tr th {font: 400 24px/34px 'Poppins'; color: #100c3e; text-align: center; letter-spacing: 1px;padding-bottom: 32px; padding-top: 0px;}
.shop_right_sec .table thead th{border: none;}
.shop_right_sec .table tr td{border-bottom: 1px dashed #c2c2c2; border-top: none;}
.shop_right_sec .table tr:last-child td{border-bottom:none; }
.shop_right_sec .table td{font:400 14px/24px 'Poppins', sans-serif; color: #504f5f; padding: 11px 0;}
.shop_right_sec .table tr td:last-child{font-weight:600; color: #100c3e; font-size: 15px; text-align: right;}
.shop_right_sec .table tr td a{ border-bottom: 1px solid #100c3e;color: #100c3e;}
.next_btn:hover{ background: #00abb3;
box-shadow: 2px 8px 1px 0px #08888e;}


.catmenustap{ width: 100%; text-align: center; padding: 124px 0 0 0; display: inline-block;}
.catmenustap li{ width: 25%; float: left; position: relative; margin-top: -43px;}
.catmenustap li a{ position: relative; z-index: 1;}
.catmenustap li a i{ width: 27px; height: 27px; background: rgba(255,255,255,0.6); border-radius: 100%; border: 3px solid rgba(255,255,255,0.7); color: rgba(0,0,0,0.3); text-align: center; line-height: 19px; display: inline-block; box-shadow:0px 0px 6px 1px rgba(0,0,0,0.1);}
.catmenustap ul{ position: relative; width: 100%; max-width: 80%; margin: 0px auto;}
.catmenustap li:before{ width: 100%; height: 8px; background:rgba(0,0,0,0.1); content: ""; position: absolute; top: 54px; left: 0px;}
.catmenustap li a span{ color: #000; font: 400 18px/24px 'Poppins', sans-serif; width: 100%;
display: inline-block; padding-bottom: 20px;}
.catmenustap li.actv a span{ font-weight: 700;}
.catmenustap li.actv a i{ background: #d4c011; border-color: #fff; color: #fff;}
.catmenustap li.actv:after{ height: 8px; background: #000; position: absolute; top: 54px; left: 0px; content: ""; width:100%; width: 47%; }
.catmenustap li.actv:first-child:after{border-radius: 10px 0 0 10px;}
.catmenustap li:first-child:before{border-radius: 10px 0 0 10px;}
.catmenustap li:last-child:before{border-radius:0 10px 10px 0;}
.catmenustap li.totlactv.actv:before{ height: 8px; background: #000; position: absolute; top: 54px; left: 0px; content: ""; width:100%;}
.catmenustap li.actv:last-child:after{ width:100%;border-radius:0 10px 10px 0;}


/*upload_photo_page*/
.upload_main{background: #f4b49e; position: relative; width: 100%;}
.upload_main:before{background: url(../images/upload_img.png)no-repeat left top; position: absolute; left: 0; top: 0; height: 100%; width: 20px; content: "";}
.upload_main h5{font:300 24px/34px 'Poppins', sans-serif; text-align: center; color: #010101; background: #eaa68e; padding: 15px 0px; border-radius: 20px;
width: 100%;}
.upload_content{padding:70px 50px 80px; width: 100%;}
.upload_main .upload_content h1{font-size: 40px; line-height: 50px; font-weight: 400; text-align: center; padding-top: 30px;}
.upload_content img{max-width: 100%; border-radius: 20px; margin: 10px 0 20px 0;}
.photo_sec{font:700 26px/36px 'Poppins', sans-serif; color: #0f0c3d; text-align: center; border: 2px solid #af8181; width: 100%; padding: 10px 0; display: inline-block; border-radius: 30px;}
.photo_sec i{ margin-right: 10px;}

html, body {
    height: 100%;
}
.page-wrap {
  min-height: 100%;
}
.page-wrap:after {
  content: "";
  display: block;
}

.pinkbody{ background: #f4b49e;}
.skybody{ background: #7be6e1;}

.header_sec{ background: #fff; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.header_sec.fixed{ background: #fff; position: fixed; top: 0px; left: 0px; z-index: 11;padding: 10px 0;}
.shopping_content .next_btn{ margin-top: 40px;}









@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s;*/ max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; 
    width: 180px; padding: 0px; max-height: 600px;
   border-radius: 0; left: 0; right: inherit; transform: translate(0, 10px);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
box-shadow: 0 6px 12px rgba(0,0,0,.175);  border: none; border-bottom: 5px solid #07479f;}
.nav_top .dropdown:hover .dropdown-menu {  opacity: 1; visibility: visible; height: auto; transform: translate(0,0); }


/*sub_sub_menu*/
.nav_top .dropdown-submenu >.dropdown-menu { max-height: 0; display: none; opacity: 0; visibility: hidden; left: 100%; top: 0; border: none;  
 width: 150px; min-width: 100%;  border-radius: 0px; box-shadow: inherit; padding: 0px; margin: 0px; background: rgba(0, 44, 32, 0.9); min-width: inherit; 
box-shadow: 5px 3px 10px 0 rgba(0,0,0,.175); }
.nav_top .dropdown-submenu:hover > .dropdown-menu { max-height: 400px; opacity: 1; visibility: visible;display: block; }









}
@media (min-width: 4000px) and (max-width: 6999px) {
.bannerItm{ height: 1500px; }

.shopping_content .col-md-8{ padding-right: 80px;}




}  
@media (min-width: 2400px) and (max-width: 3999px) {
.bannerItm{ height: 1000px; }

.shopping_content .col-md-8{ padding-right: 70px;}

}  
@media (min-width: 1800px) and (max-width: 2399px) {
.bannerItm{ height: 800px; }

.shopping_content .col-md-8{ padding-right: 50px;}

}  
@media (min-width: 1700px) and (max-width: 1699px) {
.ban_right {  width: 53%; }

.shopping_content .col-md-8{ padding-right: 40px;}





}  


@media (min-width: 1400px) and (max-width: 1599px) {
.bannerItm{ height: 630px; }





}  



@media (min-width: 1200px) and (max-width: 1399px) {
.container{ max-width: 1170px;}  
.bannerItm{ height: 536px; }
.ban_box b{ font-size: 88px; line-height: 92px; }
.ban_box em{ font-size: 60px; line-height: 75px; }
.ban_box em::before { background-size: 360px;}
.ban_right { width: 56%; }

.header_sec { padding: 15px 0; }
.bannersecs::before { width: 20px; }
.about_main { padding: 70px 0 110px 0; }
.about_main::after { width: 290px; height: 148px; top: -30px;}
.global_text h1, .global_text h2 { font-size: 36px; line-height: 45px;}
.about_main { position: relative; display: inline-block; z-index: 9;}
.about_main::before { width: 450px; height: 284px;}
.works_main { z-index: 9;}
.works_main { padding: 45px 0 0;}
.works_right h3{ font-size: 40px; line-height: 50px; }
.works_right h4{ font-size: 26px; line-height: 30px; }
.works_right p{ font-size: 17px; line-height: 25px; }
.step_arrow1 { width: 190px; left: 30%; bottom: -194px;}
.step_arrow2 { width: 100px; left: 48%; bottom: -152px;}
.process_main { padding: 56px 0 110px 0;}
.process_innr h4{ font-size: 21px; }
.gallery_main h2{ font-size: 75px; line-height: 70px; }
.gallery_main { padding: 70px 0;}
.about_main_inner p{ font-size: 19px; line-height: 34px; padding-top: 16px; }
.about_main_inner a { width: 230px; height: 60px; margin-top: 25px; font-size: 20px; line-height: 60px; }
.feature_main { padding: 80px 0;}
.feature_main::before { width: 450px; height: 283px;}
.footer_top { padding: 60px 0 0;}
.footer_btm { padding: 20px 0; margin-top: 50px;}
.gallery_inner { column-count: 4; column-gap: 20px; margin-top: 65px; }
.feature_main.global_text h2 {  font-size: 36px; line-height: 44px; }











}



@media (min-width: 992px) and (max-width: 1199px) {
.container{ max-width: 960px;}  
.bannerItm{ height: 500px; }
.ban_box b { font-size: 70px; line-height: 75px;}
.ban_box em { font-size: 45px; line-height: 70px;}
.ban_box em::before { background-size: 280px;}
.ban_right { width: 64%; }

.header_sec { padding: 15px 0; }
.bannersecs::before { width: 20px; }
.about_main { padding: 50px 0 100px 0; }
.about_main::after { width: 290px; height: 148px; top: -30px;}
.global_text h1, .global_text h2 { font-size: 27px; line-height: 37px;}
.about_main { position: relative; display: inline-block; z-index: 9;}
.about_main::before { width: 290px; height: 184px;}
.works_main { z-index: 9;}
.works_main { padding: 45px 0 0;}
.works_right h3 { font-size: 30px; line-height: 35px;}
.works_right h4 { font-size: 22px; line-height: 26px;}
.works_right p { font-size: 16px; line-height: 24px;}
.step_arrow1 { width: 148px; left: 33%; bottom: -174px;}
.step_arrow2 { width: 60px; left: 58%; bottom: -106px;}
.process_main { padding: 56px 0 110px 0;}
.process_innr h4{ font-size: 19px; }
.gallery_main h2 { font-size: 58px;  line-height: 60px;}
.gallery_main h2 span::before { bottom: 3px;}
.gallery_main { padding: 50px 0;}
.about_main_inner p { font-size: 16px; line-height: 26px; padding-top: 15px;}
.about_main_inner a { width: 200px; height: 50px; margin-top: 20px; font-size: 18px; line-height: 50px;}
.feature_main { padding: 80px 0;}
.feature_main::before { width: 290px; height: 182px;}
.footer_top { padding: 60px 0 0;}
.footer_btm { padding: 20px 0; margin-top: 50px;}
.gallery_inner { column-count: 4; column-gap: 20px; margin-top: 65px; }
.feature_main.global_text h2 { font-size: 30px; line-height: 40px;}
.global_text h1 span::before, .global_text h2 span::before { bottom: -10px;}
.works_inner { margin-top: 26px;}
.process_innr img { max-width: 100%; width: 150px;}
.process_innr { margin-top: 30px; padding: 0;}
.feature_main::after { width: 280px; height: 137px; right: -26px; top: 22px;}
.footer_box p br{ display: none; }


/*product details*/
.check_sec{ margin-left: 5px;}
.size_sec input[type="radio"] + label{ width: 90px !important;}

.media_img{ width: 120px; padding: 10px;}
.upload_main h5{ font-size: 20px; line-height: 25px;padding: 15px 10px;}
.photo_sec{ font-size: 20px;}



}


@media only screen and (max-width: 991px) {
.container{ max-width: 720px;}  
.nav_top .navbar-toggler{ border-color: #383e40; background: #383e40;}
.nav_top .navbar-toggler{ padding: 10px; margin-right: 0;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;  border-radius: 1px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 4px;}
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px;  background-color: #fff;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}

.nav_top .navbar-toggler {border: none;background: none; margin: 0;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-ms-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); 
	 -webkit-transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;  width: 0px;}  
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-ms-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); -webkit-transform: matrix(1, 1, 0, 1, 0, 0);
width: 25px;  margin-top: -11px;} 
.nav_top .navbar-toggler .icon-bar { display: block; width: 30px; height: 4px; border-radius: 3px; background-color: #60c4bf; opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.nav_top .navbar-toggler { width: 45px; height: 40px; text-align: center; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 0px;
    border: 0px solid transparent; border-top-color: transparent;border-right-color: transparent;    border-bottom-color: transparent;
        border-left-color: transparent; position: relative; border: none; outline: none; }

.bannerItm{ height: 412px; }
.ban_box b { font-size: 45px; line-height: 52px;}
.ban_box em { font-size: 35px; line-height: 54px; margin: 20px 0 0;}
.ban_box em::before { background-size: 209px; bottom: -7px;}
.ban_right { width: 64%; }

.header_sec { padding: 12px 0; }
.bannersecs::before { width: 20px; }
.about_main { padding: 35px 0 80px 0; }
.about_main::after { width: 290px; height: 148px; top: -30px;}
.global_text h1, .global_text h2 { font-size: 27px; line-height: 37px;}
.about_main { position: relative; display: inline-block; z-index: 9;}
.about_main::before { width: 290px; height: 184px;}
.works_main { z-index: 9;}
.works_main { padding: 30px 0 0;}
.works_right h3 { font-size: 24px; line-height: 30px;}
.works_right h4 { font-size: 20px; line-height: 22px;}
.works_right p { font-size: 15px; line-height: 20px;}
.step_arrow1 { width: 115px; left: 33%; bottom: -125px;}
.step_arrow2 { width: 50px; left: 58%; bottom: -78px;}
.process_main { padding: 40px 0 80px 0;}
.process_innr h4 { font-size: 16px; line-height: 20px;}
.gallery_main h2 { font-size: 45px; line-height: 60px;}
.gallery_main h2 span::before { bottom: -4px;}
.gallery_main { padding: 40px 0;}
.about_main_inner p { font-size: 16px; line-height: 26px; padding-top: 15px;}
.about_main_inner a { width: 178px; height: 50px; margin-top: 20px; font-size: 18px; line-height: 46px;}
.feature_main { padding: 60px 0;}
.feature_main::before { width: 180px;  height: 112px;}
.footer_top { padding: 60px 0 0;}
.footer_btm { padding: 15px 0; margin-top: 20px; text-align: center;}
.gallery_inner { column-count: 3;  column-gap: 15px; margin-top: 40px;}
.gallery_image { margin-bottom: 15px;}
.feature_main.global_text h2 { font-size: 25px; line-height: 30px;}
.global_text h1 span::before, .global_text h2 span::before { bottom: -10px;}
.works_inner { margin-top: 26px;}
.process_innr img { max-width: 100%; width: 150px;}
.process_innr { margin-top: 30px; padding: 0;}
.feature_main::after { width: 210px; height: 96px; right: -13px; top: 22px;}
.footer_box p br{ display: none; }

.nav_top .navbar-brand { width: 160px; }
.top_right_section { right: 46px; top: 9px; }
.top_right_section li { margin-left: 10px; }
.about_main::after{ display: none; }
.feature_main .about_main_inner {  padding-top: 26px;}
.footer_box { margin-bottom: 30px;}
.footer_btm ul.ftr_sos{ width: 100%; float: none; display: inline-block; }
.footer_btm ul.ftr_sos li{ float: none; display: inline-block; }    
.footer_btm span{ width: 100%; float: none; display: inline-block; position: inherit; left: inherit; top: inherit; transform: inherit; margin: 10px 0 0; }
.live_chat { float: none; display: inline-block; position: inherit; right: inherit; top: inherit; margin: 20px 0 0; background-position: center bottom; text-align: center; padding: 0 0 50px;}  
.menu_sec { padding-right: 0; padding-top: 5px; border-top: 1px solid #ccc; margin-top: 15px; }
.menu_sec li { margin-left: 0;}    
.menu_sec li a{ width: 100%; }    
.about_main::before{ display: none; }    
    
    


/*product details*/
.check_sec{ margin-left: 5px;}
.size_sec input[type="radio"] + label{ width: 90px !important;}
.price_sec h5 b{ font-size: 29px;}
.price_sec{ padding: 12px 18px;}
.check_sec {
    margin-left: 5px; margin-top: 5px;
}
.color_sec span, .size_sec span{ margin: 11px 5px 0 0;}
.add_cardbtn{ width: 67%; font-size: 18px;}
.quantity{width: 32%; margin: 10px 3px 0 0;}

.media_img{ width: 120px; padding: 10px;}
.catmenustap ul{ max-width: 100%;}
.catmenustap li a span{ font-size: 15px;}
.shopping_content h1{ font-size: 30px;}
.shopping_content .col-md-8, .shopping_content .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.shop_right_sec{ margin-top: 20px;}


.media_img{ width: 120px; padding: 10px;}
.upload_main h5{ font-size: 20px; line-height: 25px;padding: 15px 10px;}
.photo_sec{ font-size: 20px;}
.upload_main .upload_content h1{ font-size: 30px;}




.navbar-collapse{ position: fixed; top: -200%; left: 0px; width: 100%; background: rgba(255,255,255,0.8); height: 100%;-webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;z-index: 11; display:block;
text-align: center;}
.menu_sec{ border: none; margin: 0px;}
.menu_sec li{ font-size: 17px; line-height: 27px;}
.menu_sec li a{ padding: 12px 0;}
.navbar-collapse.show{ top: 0px;}
.navbar-collapse .navbar-nav{align-items: center;
justify-content: center;
height: 100%;}
.top_right_section li a{ padding: 6px; display: inline-block;}
.top_right_section {
    right: 54px;
    top: 3px;
}
.menucrs {
    position: absolute !important;
    top: 0px;
    right: 0px;
    padding: 29px 25px !important;
    width: auto !important;
}
.header_sec .container{ max-width: 100%;}



   
    
    
} 
 
 
@media only screen and (max-width: 767px){
.container{ max-width: 100%; } 

.bannerItm { height: auto; }
.bantext{ position: inherit; left: inherit; top: inherit; transform: inherit; }
.ban_right{ position: inherit; right: inherit; top: inherit; width: 100%; }
.ban_box { width: 100%; display: inline-block; text-align: center; padding: 30px 0 0;}
.ban_box em::before { background-size: 209px; bottom: -7px; background-position: center bottom;}
.works_right { width: 100%;}
.works_image { margin-top: 30px; text-align: center;}
.step_arrow1, .step_arrow2{ display: none; }
.process_main .row { justify-content: center;}




/*product details*/
.product_gallery .process_innr{ margin-top: 20px;}
.product_gallery::before{ display: none;}

.catmenustap li a span{position: absolute;
width: 100%;
left: 0px;
top: 0px;}
.catmenustap li{ margin: 0px;}
.catmenustap li a{ width: 100%; display: inline-block;}
.shopping_main::before, .upload_main::before { display: none;}
.catmenustap{padding: 46px 0 0 0;}
.catmenustap li a i{margin-top: 44px;}
.shopping_content {
    padding: 42px 0 70px 0;
}
.upload_content{ padding: 50px 0;}




}

@media only screen and (max-width: 575px){ 
.ban_box b { font-size: 40px; line-height: 45px;}
.ban_box em { font-size: 26px; line-height: 47px; margin: 12px 0 0;}
.ban_box em::before { background-size: 160px; bottom: 0px; background-position: center bottom;}
.about_main { padding: 25px 0 75px 0;}
.global_text h1, .global_text h2 { font-size: 24px; line-height: 34px;}
.about_main_inner p { font-size: 15px; line-height: 25px;  padding-top: 10px;}
.about_main_inner p br{ display: none; }
.works_right h3 { font-size: 20px; line-height: 25px;}
.works_right h4 { font-size: 18px; line-height: 20px; padding: 15px 0 0;}
.process_main { padding: 30px 0 65px 0;}
.process_innr { margin-top: 20px; padding: 0;}
.process_innr img { max-width: 100%; width: 130px;}
.gallery_main h2 { font-size: 32px; line-height: 43px;}
.gallery_inner {  column-count: 2; column-gap: 15px; margin-top: 30px;}
.feature_main.global_text h2 { font-size: 23px; line-height: 30px;}
.footer_top { padding: 45px 0 0;}
.feature_main::before, .feature_main::after { display: none; }
.footer_box { margin-bottom: 20px;}
.footer_btm { padding: 22px 0; margin-top: 15px; text-align: center;}
.footer_btm span{ line-height: 26px; }
.bannersecs::before { width: 15px;}


.color_sec span, .size_sec span{ width: 100%; margin-right: 0px;}
.check_sec{ margin: 5px 5px 0 0;}
.description_sec::after{ width: 204px;
height: 359px;}



.catmenustap li a span {
    font-size: 12px;top: -13px;
padding: 0 7px;
}

.upload_main h5 {
    font-size: 15px;
    line-height: 23px;
    padding: 15px 10px;
}
.photo_sec {
    font-size: 17px;padding: 4px 0;
}
.next_btn {
    height: 50px; font-size: 19px; line-height: 50px;padding: 0 42px;}



} 
@media only screen and (max-width: 540px){ 

.card_sec .media{ display: inline-block;}






}
@media only screen and (max-width: 400px){ 

.quantity{ width: 100%; margin-right: 0px;}
.add_cardbtn{ width: 100%; margin-top: 20px;}


.description_sec::after{ width: 104px;
height: 300px;}
.catmenustap li a span {
    font-size: 11px;
    top: -3px;
    padding: 0 7px;
    line-height: 17px;
}

.top_right_section li {
    margin-left: 2px;
}
.top_right_section {
    right: 46px;
    top: 3px;
}
.top_right_section li span.dot_select {
    right: -1px;
    top: -4px;
}


}