body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Poppins', 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:#efb226; }
.menu_sec li.select a{ color:#efb226; }

.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 'Hand Of Sean'; 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 'Bebas Neue'; 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:#000; box-shadow: 2px 8px 1px 0px #000;}

.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 'Bebas Neue'; color:#161345; text-transform: uppercase; } 
.gallery_main h2 span{ color:#5192d5; font-family: 'Hand Of Sean'; 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: 'Hand Of Sean'; 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: #000000; }
.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:#000; font-size: 16px; background: #ffcd45; }
.footer_btm ul.ftr_sos li a:hover{ background: #f1b32a; color:#fff; }
.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: 3px;}
.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: 105px !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: #000;
    box-shadow: 2px 8px 1px 0px #000;
}
.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, .pageheading h1, .pageheading h2, .proDetailspghed h1{font:300 35px/45px 'Poppins', sans-serif; color: #000000; text-transform: capitalize;}

.next_btn {height: 50px; background: #ff7f00;  border-radius: 50px;box-shadow: 2px 8px 1px 0px #d06900; font: 700 18px/50px 'Poppins', sans-serif; text-align: center;color: #ffffff !important; padding: 0 45px; 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 i a{ border-bottom: 1px solid #100c3e;color: #100c3e;}
.next_btn:hover{ background: #00abb3;
box-shadow: 2px 8px 1px 0px #08888e;}
.shop_right_sec .table tr td a{ color: #100c3e;}

.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 2px; 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: 9999 !important;padding: 10px 0;}
.shopping_content .next_btn{ margin-top: 40px;}




form .rating-star {
  background: url("../images/rating-star.png") repeat-x 0 0;
  width: 150px;
}
 
form .rating-star input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .rating-star input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .rating-star input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .rating-star input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .rating-star input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .rating-star input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .rating-star label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .rating-star label:hover ~ span {
  background-position: 0 -30px;
}
form .rating-star label.star-5:hover ~ span {
  width: 100% !important;
}
form .rating-star label.star-4:hover ~ span {
  width: 80% !important;
}
form .rating-star label.star-3:hover ~ span {
  width: 60% !important;
}
form .rating-star label.star-2:hover ~ span {
  width: 40% !important;
}
form .rating-star label.star-1:hover ~ span {
  width: 20% !important;
}
form .rating-star span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("../images/rating-star.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}


.color_sec .check_sec input[type=radio] {
    display: inline-block;
    border-radius: 100% !important;
    border: 3px solid #ffffff !important;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 40%);
    position: relative;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
    -webkit-appearance: none;
}
.color_sec .check_sec input[type=radio]:checked: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%);
}

.size_sec .check_sec{ position: relative; }
.size_sec .check_sec input[type="radio"] {  display: inline-block;  position: absolute;  left: 0;  top: 10px;  -webkit-appearance: none; }

#hide{ display: none; }
#open{ cursor: pointer; }
.socialicon li{ margin-top: 2px; }



/*30.3.2022*/
.descrpRow{ width: 100%; padding: 0 0 30px;}
.rev_form_sec{ width: 100%; padding: 40px 0 156px;position: relative;
z-index: 1;}
.comment_box_row h2{ font-size: 20px !important;line-height: 30px;}
.comment_box_row p, .comment_box_row li, .rev_form_sec h6 {
  font: 400 15px/20px 'Poppins', sans-serif;
  color: #000;
  margin-top: 8px;
}
.comment_box_row li{ display: inline-block; font-weight: 600; color: #60c4bf; margin-right: 10px;}
.comment_box_row{ width: 100%; padding: 15px; background: #fbfbfb; border-radius: 10px; margin: 10px 0;}

.fld-input{ width: 100%; display: inline-block; margin-top: 10px;}
.fld-input input[type="text"], .fld-input input[type="email"], .fld-input textarea, .fld-input input[type="tel"], .fld-input input[type="url"], .fld-input input[type="password"], .fld-input select, .fld-input input[type="date"]{ width: 100%; padding: 0 15px; border: 1px solid #ccc; border-radius: 5px; height: 45px; font: 400 15px/20px 'Poppins', sans-serif; color: #000;  margin-top: 10px;}
.fld-input textarea{ height: 100px; resize: none; padding: 15px;}
.fld-input select{ -webkit-appearance: none; background: url(../images/down_arrow.png) no-repeat right 15px center #fff;}
.fld-input input[type="submit"], .fld-input input[type="button"], .cnclBtn {
  height: 45px;
  background: #ff7f00;
  border-radius: 50px;
  box-shadow: 2px 8px 1px 0px #d06900;
  font: 700 16px/45px 'Poppins', sans-serif;
  text-align: center;
  color: #ffffff !important;
  padding: 0 30px;
  display: inline-block; border: none; cursor: pointer; display: inline-block;
}
.fld-input ul li{ display: inline-block;margin-right: 14px;}
.cnclBtn{ background: #9f9c9c !important;box-shadow: 2px 8px 1px 0px #6c6c6c !important;}
.cnclBtn:hover {
  background: #b0b0b0 !important;
  box-shadow: 2px 8px 1px 0px #959191 !important;
}
.changpass{ color: #000 !important; font-weight: 600;}

.fld-input input[type="submit"]:hover, .fld-input input[type="button"]:hover {
  background: #00abb3;
  box-shadow: 2px 8px 1px 0px #08888e;
}
input:focus, textarea:focus{outline: none !important;}
#updcart p {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.add_cardbtn{ border: none;}
.media_img .pic{ display: inline-block; position: relative;}
.taglin {
  position: absolute;
  top: 60px;
  -ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);left: 50%;
  width: 44px;
  display: inline-block;
}
.taglin img{ max-width: 100%;}

.card_sec .cart_qty_cls{ width: 80px; height: 35px; border: 1px solid #ccc; padding:0 10px; border-radius: 4px; color: #000;font: 400 12px/16px 'Poppins', sans-serif;}


.modal h4 {
  font: 300 25px/25px 'Poppins', sans-serif;
  color: #000000;
  padding-bottom: 12px;
}
.modal-body{ padding: 35px;}

.modal-body .close{ position: absolute;
top: 0px;
right: 0px;
padding: 9px !important;}




/*popup*/


.poppups .modal-content{ display: inline-block;}
/*.poppups h4{ font: 700 17px/23px 'Poppins', sans-serif; color: #000; }
.poppups h4 span{ font-size: 13px; font-weight: 400;}*/



.poppupsTop{ display: inline-block;width: 100%;}
.poppups .contact_frm label{ font-weight: 400; font-size: 15px;}
.pop-form{ width: 100%; margin-top: 10px;display: inline-block;}
.pop-form .contact_frm input[type="text"], .pop-form .contact_frm input[type="email"], .pop-form .contact_frm input[type="tel"], .pop-form .contact_frm input[type="password"]{ border: 1px solid #e0e0e0; height: 45px; width: 100%; padding: 0px 10px;margin-top: 13px; border-radius: 5px;}
.poppupsinn{ display: inline-block;width: 100%;}
.poppupsinn .contact_frm{ float: left;}


.fld-input label{ font:500 15px/24px 'Poppins', sans-serif;
  color: #000;}

.close{ position: absolute; top: 0px; right:0px; z-index: 333; padding:6px 10px !important; color: #000 !important;
font: 400 33px/34px 'Poppins', sans-serif; opacity: 1 !important;}
.poppupsinn .contact_frm{ width: 100%; margin-top: 17px;}
input:focus{ outline: none !important;}
.newUserSignUp {
  width: 100%;
  margin-top: 20px;
}
.newUserSignUp span {
  font: 600 14px/35px 'Poppins', sans-serif;
  color: #000;
}
.newUserSignUp span a {
  color:#60c4bf;
}

.poppups .shop_btn input[type="submit"] {
height: 45px;
background: #ff7f00;
border-radius: 50px;
box-shadow: 2px 8px 1px 0px #d06900;
font: 700 16px/45px 'Poppins', sans-serif;
text-align: center;
color: #ffffff !important;
padding: 0 30px;
display: inline-block;
border: none;
cursor: pointer;
}
.poppups .shop_btn input[type="submit"]:hover{background: #00abb3;
box-shadow: 2px 8px 1px 0px #08888e;}



.loginWrapper li {
  display: inline-block;
  font: 700 16px/20px 'Poppins', sans-serif;
  color: #000;
  padding: 0 10px 0 6px;
  position: relative;
}
.loginWrapper li a {
  color:#ff7f00;
}
.loginWrapper li a:hover {
  color: #000;
}
.loginWrapper li::before {
  width: 2px;
  height: 16px;
  background: #ea453d;
  content: "";
  position: absolute;
  right: 0px;
  top: 3px;
}
.loginWrapper li.current a {
  color:#60c4bf;
}
.loginWrapper li:last-child:before{ display: none;}
.pop-tablog {
  display: none;
}
.rado {
  margin-top: 5px;
}
.rado li {
  display: inline-block;
  margin-right: 14px;
}
.fld-input input[type="radio"] {
  display: none;
}


.fld-input input[type="radio"] + label {
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 2px;
    padding-left: 2px;
  padding-left: 22px;
  vertical-align: middle;
  font: normal 17px/21px 'Poppins', sans-serif;
  color: #282c3f;
  background: url(../images/chek.png) no-repeat left top 5px;
  text-align: left;
}

.fld-input input[type="radio"] {
  display: none;
}
.fld-input input[type="radio"]:checked + label {
  background: url(../images/chekes.png) no-repeat left top 5px;
  outline: none;
}
.loginWrapper li:first-child{ padding-left: 0px;}

.next_btn{ border: none;}
.inputfile + label{ max-width: 100% !important;padding: 0 !important;}
.inputfile + label:focus{ outline: none !important;}

.prev_class {
  width: 126px;
  margin: 20px auto 0;
  border-radius: 10px;
  overflow: hidden;
}
.prev_class img{ max-width: 100% !important; width: 100% !important; height: auto !important; margin: 0px; padding: 10px; background: #fff;}


/*chakeout page*/
.checkoutpage{ padding:0 0 40px 0;}

.shop_right_sec h3, .createAccount h2, .proDetailspgDet h3 {
  font: 400 24px/34px 'Poppins';
  color: #100c3e;
  text-align: center;
  letter-spacing: 1px;
  padding-bottom: 32px;
  padding-top: 0px;
}
.proDetailspgDet h3{ text-align: left;}
.md-Lft{ width: 35%; float: left; padding-right: 10px;}
.md-Rt{ width:62%; float: left;}
.table{ margin: 0px;}
.md-Lft img{ width: 100% !important; }
.pictag{ display: inline-block; position: relative;}
.pictag .taglin {
  position: absolute;
  top: 32%;
  left: 50%;
  width: 18px;
  display: inline-block;
}

.chkbtmcont p a{ color: #7be6e1; font-weight: 600;}
.chkbtmcont p{ line-height: 25px;}
.paymntDivs {
  width: 100%;
}
.paymntDivs ul {
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 4px !important;
}
.paymntDivs ul li:last-child {
  border-bottom: none;
}
.paymntDivs ul li {
  width: 100%;
  padding: 9px 15px;
  border-bottom: 1px solid #ccc;
}
.frmbx {
  padding: 8px 0;
}
.chkbtmcont{ width: 100%; margin-top: 20px;}
.paymntDivs .fld-input{ margin-top: 0px;}

.chkbtmcont{ margin-top: 20px;}


.fld-input input[type="checkbox"], .fld-input input[type="radio"], .fld-input input[type="radio"] {
  display: none;
}
.fld-input input[type="checkbox"]:checked + label{
  background: url(../images/chk1.png) no-repeat left top 5px;
    background-size: auto;
  background-size: auto;
  outline: none;
  opacity: 1 !important;
}

.fld-input input[type="checkbox"] + label{
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0px 12px 0px 19px;
  text-align: left;
  vertical-align: middle;
  background: url(../images/chk.png) no-repeat left top 5px;
  background-size: auto;
  color: #010101;
  background-size: 25px !important;
  font:400 14px/23px 'Poppins', sans-serif;
  background-size: auto !important;
}
.fld-input input[type="checkbox"] + label a{ color: #7be6e1;
font-weight: 600;}
.next_btn{ cursor: pointer;}
.createAccount h2{ text-align: left;}
.basketsBox{
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  padding: 25px;
  margin-top: 20px;
  position: relative;
}
.chkTable{ margin-bottom: 20px;}
.delverchk{ margin-top: 20px;}



.addressBox {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 20px;
  position: relative;
  min-height: 188px;
}
.lnkhm {
  display: inline-block;
  float: right;
}
.addressBox .lnkhm input[type="radio"], .addressBox .lnkhm input[type="checkbox"]{ display: none;}
.addressBox .lnkhm input[type="radio"] + label, .addressBox .lnkhm input[type="checkbox"] + label {
  background: none;
  border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
  padding: 0 7px !important;font-size: 12px;
}
.addressBox .lnkhm input[type="radio"]:checked + label, .addressBox .lnkhm input[type="checkbox"]:checked + label {
  background: #000;
    background-size: auto;
  color: #fff;
  border-color: #000;
}
.addressBox h4 {
  color: #000;
  font: 600 17px/31px 'Poppins', sans-serif;
}
.addressClamp li {
  display: inline-block;
  color: #949494;
  font: 600 14px/27px 'Poppins', sans-serif;
  margin-right: 10px;
}
.addressBoxadd{display: flex;
align-items: center;
flex-direction: column;
justify-content: center;}
.addressBoxadd span{ margin-top: 10px;}



.addressClamp {
  margin-top: 10px;
}
.addressClamp li a {
  color: #949494;
}
#shipping_sec h2{ padding-bottom: 0px;}
#shipping_sec .delverchk{ padding: 0px !important;margin-top: 0px;}
.addressBox p{ margin-top: 2px;}
#shipping_sec{ margin-top: 10px;}

.apsu-link{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; display: inline-block;}



.myaccount {
  padding: 70px 0 90px 0;
}

.proDetailspgList{
  background: #ffffff;
  padding: 30px 25px;
  width: 100%;
  border-radius: 20px;margin-top: 20px;
}
.proDetailspgList li{ border-bottom: 1px dashed #c2c2c2;
border-top: none;font: 400 17px/24px 'Poppins', sans-serif;
color: #504f5f;}
.proDetailspgList li a{ color: #504f5f;
padding: 11px 0; width: 100%; display: inline-block;}
.proDetailspgList li.actv a{ color: #60c4bf; font-weight: 700;}




.proDetailspgitms .fld-input input[type="text"], .proDetailspgitms .fld-input input[type="email"], .proDetailspgitms .fld-input textarea, .proDetailspgitms .fld-input input[type="tel"], .proDetailspgitms .fld-input input[type="url"], .proDetailspgitms .fld-input input[type="password"]{ margin-top: 0px;}

.proDetailspgDet {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  padding: 25px;
  margin-top: 20px;
  position: relative;
}

.accunt-frm-row .row{ align-items: center;}
.accunt-frm-row .fld-input label{ line-height: 47px;}

.accunt-frm-row h4 {
  font: 600 17px/34px 'Poppins';
  color: #100c3e;
  letter-spacing: 1px;
  padding-top: 0px;
  padding: 3px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;margin-bottom: 10px;
}
.proDetailspgDet h3{ padding-bottom: 18px;}
.accunt-frm-row{ width: 100%; margin-bottom: 20px;}
.addressBox p {
  margin-top: 6px;
  font-size: 13px;
  line-height: 22px;
}


.orderpnel{ width: 100%; margin-bottom: 10px; border: 1px solid #ccc;}
.orderhed{ width: 100%; border-bottom: 1px solid #ccc; padding: 3px 12px; display: inline-block;}
.orderhed strong{ font:600 15px/34px 'Poppins'; color: #100c3e; letter-spacing: 1px;}
.orderbxs{ width: 100%; padding: 10px;}
.orderbxs .pictag{ border: 1px solid #ccc; padding: 5px;margin-right: 20px;width: 95px;}
.orderbxs .pictag img{ max-width: 100%;}

.orderdescriplft strong{ font-size: 16px; font-weight: 500; line-height: 24px;}
.orderdescriplft strong a{ color: #000;}
.orderdescriplft p{ margin-top: 6px;}
.orderdescriprt ul li {
  display: inline-block;
  color: #949494;
  font: 600 14px/27px 'Poppins', sans-serif;
  margin-right: 10px;
}
.orderdescriprt ul li a {
  color: #949494;
}
.orderdescriprt{margin-top: 6px;}
.orderdescriplft ul li{ display: inline-block; margin-top: 6px;}
.orderhed em{ float: right;}
.orderhed em a, .cls_edit_profile {
  display: inline-block;
  font-style: normal;
  padding: 5px 17px;
  background: #ff7f00;
  color: #fff;
  border-radius: 20px;
  font-size: 12px;
  margin-top: 3px;
}
.cls_edit_profile{ position: absolute; top: 0px; right: 0px;}
.proDetailspghed1{ position: relative; width: 100%;}
.proDetailspghed1 h3{ padding-right: 140px;}



.delivarylines li{width: 25%; float: left; text-align: center; position: relative;}
.delivarylines ul{display: inline-block; width: 100%; /*border-bottom: 1px solid #c6cacb;*/ padding-bottom: 10px;}
.delivarylines{width: 100%; padding: 0 20px;}
.delivarylines li em{color: #000; font: normal 12px/20px 'Source Sans Pro', sans-serif; position: relative; width: 100%; display: inline-block;opacity: 1; visibility: visible; }
.delivarylines ul li:first-child:before{position: absolute; content: ""; bottom: -15px; left: 0; width: 11px; height: 11px;background: url(../images/buleticn1.png) no-repeat 0 0; z-index: 9;}
.delivarylines ul li::after {
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  bottom: -11px;
  left: 0;
  background: #c6cacb;
}



.delivarylines ul li:last-child:before{position: absolute; content: ""; bottom: -15px; right: 0; width: 11px; height: 11px;background: url(../images/buleticn1.png) no-repeat 0 0; z-index: 9;}
.delivarylines ul li.actv:after{ background: #000; }
.delivarylines ul li.suply em:after{background: #000;}
.delivarylines ul li em:after{position: absolute; content: ""; bottom: -13px; right: 0; width: 5px; height: 5px; border-radius: 100%;background: #c6cacb; z-index: 9;}
.delivarylines ul li.suply em{opacity: 1; visibility: visible;}
.delivarylines ul li:first-child.actv:before{background: #000; border-radius: 90px;}
.delivarylines ul li:last-child.actv:before{background: #000; border-radius: 90px; }
.proDetailspgBox{ width: 100%;}
.proDetailspgBox .proDetailspgDet{ border: none;}

.history-row{ width: 100%; border: 1px solid #ccc;}
.history-row .ord-row{ width: 100%; border-bottom: 1px solid #ccc; display: inline-block;}
.history-row .ord-row label {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
}
.history-row .ord-row strong, .history-row .ord-row span{ width: 50%; float: left; padding: 11px 10px 10px;}
.history-row .ord-row strong, .proDetailspgitmsText b{ font-weight: 600; color: #000;}
.history-row .ord-row span{ color: #949494; }
.ordr-detl-botm {
  width: 100%;
  background: #f3f3f3;
  margin-top: 20px;
}
.table th, .table td{font-size: 13px;}


.proDetailspgitmsText {
  line-height: 27px;
}
.proDetailspgitmsText b {
  display: inline-block;
  width: 100%;
  font:600 16px/25px 'Poppins', sans-serif;
  color: #000;
}
.proDetailspgitmsText {
  width: 100%;
  font-size: 14px;
  padding-top: 14px;
  color: #949494;
}
.proDetailspgitms .row{ align-items: center;}
.upldpic {
  width: 81px;
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  padding: 1px;
}
.upldpic img{ max-width: 100%; width: auto !important;}
.proDetailspgitms .fld-input{ line-height: 42px;}







.fld-input input[type="file"] {
  display: none;
}
.fld-input .inputfile + label span {
  font: normal 13px/40px 'Source Sans Pro', sans-serif;
  cursor: pointer;
  border-radius: 5px !important;
  color: #fff;
  padding: 0 25px 0px 35px;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  background: url(../images/attached.png)#000 no-repeat left 15px center;
}
.upldpic {
  width: 70px;
  height: 70px;
  float: left;
}

.fld-input .box .inputfile + label{margin-left: 10px;}
.fld-input .box{ padding: 14px 0;}



.thankupage .innbasketsBox{ max-width: 600px; margin: 0px auto; text-align: center;}
.thankupage p{ font-size: 17px; line-height: 30px; font-weight: 400px; margin-top: 10px;}
.thankupage{ padding: 130px 0;}
.thankupage i{ color: #54a15b; font-size: 50px; margin-bottom: 40px;}
.thankupage p strong{ font-weight: 700;}







.dot_select {
  background: #ff7f00;
  color: #fff;
  font-size: 9px;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 13px;
  border-radius: 30px;
}
.photo_sec strong{ display: inline-block; position: relative;}
.photo_sec input[type="file"]{ width: 100%;
position: absolute;
height: 100%;
left: 0px;
top: 0px;
opacity: 0;
text-align: center;}
input:focus{ outline: none !important;}
.has-focus{ outline: none !important; border: none !important;}
.inputfile + label{outline: none !important;}

.upload_content input.next_btn{
  background-image: url(../images/arwa.png) !important; background-position: right 25px center !important; background-repeat: no-repeat !important; padding-left: 37px;
}

.fld-input select option{word-break: break-all;
text-overflow: ellipsis;
white-space: nowrap;}
.fld-input select{word-break: break-all;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 44px;}
.poppups .fld-input select option{ font-size: 11px;}
.proDetailspgList li:last-child{ border: none;}
.btn-ylo{ color: #000; font-weight: 600;}

.clsemptycart .catmenustap{ display: none;}
.clsemptycart{ text-align: center; padding: 160px 0;}

/*28.4.2022*/
#btntake, #btnsnap{ padding-bottom: 8px;}
.clsor {
  padding:8px 10px;
  text-align: center;
  display: inline-block;
  font: 700 16px/26px 'Poppins', sans-serif;
  position: relative;
  color: #fff;
  z-index: 1;top: 8px;
}
.clsor:before{ background: #000; width: 100%; height: 100%; content: "";}
.uloadsbtns{ width: 100%; display: inline-block;}
.uloadsbtns li{ width: 45%; float: left;}
.uloadsbtns li.upphoLi{ width: 45%; float: left;}
.uloadsbtns li.orLi{ width: 10%; float: left; text-align: center;}
.clsor::before {
  background: #000;
  width: 100%;
  height: 100%;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  z-index: -1;
  left: 0px;
  border-radius: 8px;transform: rotate(45deg);
}
.clscamsec video, .clscamsec img{ margin: 0px !important;}
.clscamsec #my_camera{ width: 100% !important; border-radius: 20px; overflow: hidden;height: auto !important;}
.clscamsec video{ width: 100% !important; height: 400px !important; object-fit:cover;margin: 10px 0 20px 0; border-radius: 20px; }
.clscamsec{ position: relative; margin: 10px 0 20px 0; }
.clscamres {
  width: 200px;
  position: absolute;
  top: 10px;
  right: 10px;
  
  border-radius: 20px;
  overflow: hidden;
}
.clscamres img{ margin: 0px !important;border: 2px solid #fff;}
.photo_sec{height: 60px;}








/*23.03.23 marg*/
/* comenety */
.bannersecs.inerband{background: #ffc834;}
.menu_sec .ativ{font-weight: 700;}
.inerband .ban_box em{width: 52%;}
.inerband .ban_box em::before{background: url(../images/textline.png) no-repeat 0 0;bottom: -7px; width: 53%;}
.bannersecs .ban_box b{text-shadow: none; color: #000000; }
.bannersecs .ban_box em{margin-top: 0px; color: #000000;}
.bannersecs.inerband::before{background: url(../images/banner_line3.jpg) repeat-y;}
.hub h1 span{color: #ffc834;}
.hub h1 span::before{background: url(../images/banner_line3.png) no-repeat;}
.video_box{max-width: 1150px; margin: 50px auto 0px; position: relative; border-radius: 15px 15px;}
.video_box .w-100{border-radius: 15px 15px;}
.video_box .play{position: absolute; width: 120px; height: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.video_box .play img{max-width: 100%;}
.video_box:before{position: absolute; top: 50px; width: 81px; height: 144px; background: url(../images/vidbefore.png) no-repeat;
 background-size: 100%, 100%; content: ""; right: -70px; z-index: -1;}
.video_box:after{bottom: 70px; left: -76px; position: absolute; width: 86px; height: 154px; background: url(../images/lefticon.png) no-repeat;
 background-size: 100%, 100%; content: ""; z-index: -1;}
.hub_sec::before{z-index: -5;}

.inner_btn { width: 240px; height: 65px; background: #ffc834; border-radius: 50px; box-shadow: 2px 8px 1px 0px #daa127; display: inline-block; margin-top: 50px; font: 700 20px/65px 'Poppins', sans-serif; color: #000000;}

.stuff_sec{position: relative; width: 100%; background: #f4f3f2; text-align: center; padding: 60px 0 70px;}
.stuff_sec h2{color: #000000;}
.stuff_sec h2 span{color: #f4b713}
.stuff_sec h2 span:before{background: url(../images/stuffline.png) no-repeat;}
.stuff_sec::before { width: 100%; position: absolute; left: 0px; top: -58px; background: url(../images/stuffbefore.png) repeat-x 0 0; content: ""; height: 58px; }
.stuff_sec:after{ width: 100%; position: absolute; left: 0px; bottom: -58px; background: url(../images/stuffaftre.png) repeat-x 0 0; content: ""; height: 61px; }
.stuff_sec .owl-carousel{margin-top: 50px;}
.stuff_box{padding: 10px; background: #ffffff; border-radius: 15px; font-family: 'Poppins'; border: 1px solid #dbdad9;}
.stuff_box .stuff_text{padding: 35px 10px 10px; }
.stuff_text strong{font-size: 32px; line-height: 36px; font-weight: 700; color: #000000; }
.stuff_text em{font-style: normal; font-size: 20px; line-height: 28px; font-weight: 400; display: block; padding-bottom: 23px;}
.stuff_text a{color: #000000; font-size: 20px; background: #fbc125; display: inline-block; width: 100%; font-weight: 600; line-height: 50px; border-radius: 50px 50px;}
.stuff_text p{font-size: 14px; line-height: 24px; color: #666666; padding-bottom: 30px; font-weight: 300;}



.stuff_sec i{display: inline-block; position: absolute; top: 170px; right: -120px; width: 158px; height: 136px; z-index: 4;}
.global_text .container{position: relative;}


.stuff_sec .owl-prev{position: absolute; top: 50%; left: -30px; transform: translatey(-50%); background: url(../images/prevarrow.png) no-repeat; width: 18px; height: 32px; font-size: 0px;}
.stuff_sec h2{font-weight: 400;}

.stuff_sec .owl-next{position: absolute; top: 50%; right: -30px; transform: translatey(-50%); background: url(../images/nextarrow.png) no-repeat; width: 18px; height: 32px; font-size: 0px;}
.blog_box{padding: 10px; border-radius: 10px;}
.blog_sec h2 span{color: #f4b713; font-size: 45px;}
.blog_sec h2{font-weight: 400; }
.blog_sec.global_text h2 span:before{background: url(../images/blogline.png) no-repeat 0 0; left: -26px; width: 150%;}
.blog_sec .row{margin-top: 50px;}
.blog_sec{position: relative; width: 100%; padding: 90px 0px 125px;}
.blog_box{box-shadow: 0px 0px 35px -31px #000000; background: #ffffff;}
.blog_text em{font-style: normal; font-size: 14px; line-height: 28px; color: #999999; padding-bottom: 5px; display: block;}
.blog_text a{font-size: 24px; line-height: 30px; color: #000000; padding-bottom: 10px; display: inline-block; font-weight: 600;}
.blog_text a:hover{color: #fbc125;}
.blog_text p{font-size: 14px; line-height: 26px; color: #666666; font-weight: 300; padding-bottom: 15px;}
.blog_text{font-family: 'Poppins'; padding: 15px;}
.blog_box a img{width: 100%; border-radius: 15px;}
.blog_text .blog_text a{margin-top: 0px;}
.blog_text .inner_btn{width: 160px; line-height: 45px; text-align: center; height: 45px; font-weight: 600; font-size: 16px; }
.about_main_inner a:hover {background: #00abb3;}
.inner_btn:hover{background: #000; box-shadow: 2px 8px 1px 0px #000; color: #fff;}
.stuff_text a:hover{color: #ffffff; background: #000;}
.blog_text .inner_btn{box-shadow: none; margin-top: 0px;}
.blog_text .inner_btn:hover{color: #fff;}
.blog_sec h2{text-align: center;}
.hub h1 span{font-size: 45px;}
.blog_sec .col-md-5{position: relative;}
.blog_sec .col-md-5::after { top: 48px; left: -60px; position: absolute; width: 86px; height: 154px; background: url(../images/lefticon.png) no-repeat; background-size: auto;
 background-size: auto; background-size: 100%, 100%; content: ""; z-index: -5; }
.blog_sec .col-md-7::before { position: absolute; bottom: 55px; width: 81px; height: 144px; background: url(../images/vidbefore.png) no-repeat; background-size: auto; background-size: auto; background-size: 100%, 100%; content: ""; right: -55px; z-index: -5; }




.contact_sec{padding: 175px 0px 110px;}
.contact_sec h2{color: #000000; font-weight: 400; padding-bottom: 5px;}
.contact_sec span{font-size: 40px; color: #febe11;}
.contact_sec p{font-size: 22px; line-height: 38px; color: #444444; padding-bottom: 10px;}
.about_box_inner li p{font-size: 16px; line-height: 30px; color: #000000; }
.about_box_inner li a,.about_box_inner li strong{color: #000000; font: 400 24px/30px 'Poppins';}
.about_box_inner li{padding: 15px 0px;}
.contact_sec h2 span::before{display: none;}







/* (16.03.2023) */
.gallery_main::before {background: url(../images/blue_line5.png) repeat-x 0 0;}
.gallery_inter h2 span{color: #f4b713; font-size: 42px;}
.gallery_main.gallery_inter h2{text-align: center; font-size: 50px; line-height: 55px; font-weight: 400; text-transform: capitalize;}
.gallery_inter ul{max-width: 505px; margin: 50px auto 0px; background: #dc9f20; border-radius: 50px 50px; padding: 5px 5px; display: flex;
justify-content: space-around; min-height: 70px; align-items: center;}
.gallery_inter ul a{width: 250px !important; line-height: 62px; border-radius: 50px; color: #000000; text-align: center; margin: 0 auto; display: inline-block; font-size: 20px; font-weight: 700;}
.gallery_inter li i{margin-right: 5px; font-size: 22px;}
.gallery_main.gallery_inter h2{font-family: 'Poppins';}
.gallery_inter{background: #f4f3f2;}
.gallery_inter ul li.current a{background: #ffc834;}
.gallery_inter .gallery_inner{margin-top: 50px;}
.gallery_main.gallery_inter{padding: 55px 0px 110px;}
.works_inner .works_right h3{color: #fff;}
.works_main.works_inner{background: #ffcd45;}
.works_main .inner_btn{color: #ffc834; background: #000000; box-shadow: 2px 8px 1px 0px #2c2929; text-align: center; display: block; margin: 40px auto 0px; position: relative; z-index: 7;}
.works_main.works_inner h2 span{color: #ffffff; z-index: 9; position: relative;}


.contact_sec h2 span{font-size: 40px; line-height: 65px; color: #febe11;}

.about_box_inner li{position: relative; display: flex; align-items: center;}
.about_box_inner .media{margin-right: 15px;}
.works_main.works_inner::after {background: url(../images/orange_line5.png) repeat-x 0 0; height: 108px; bottom: -105px;}
.works_main.works_inner::before {background: url(../images/orange_line6.png) repeat-x 0 0;}
.works_inner.global_text h2 span::before { background: url(../images/orange_line7.png) no-repeat 0 0; background-size: auto; z-index: -1;}
.works_inner.global_text h2{font-weight: 400;}
.gallery_inter h2 span::before {background: url(../images/blue_line6.png) no-repeat 0 0; width: 85%; bottom: 1px;}
.gallery_main::after{background: url(../images/galleryright.png) repeat-y; width: 40px; height: 100%; position: absolute; right: 0; top: 0; content: ""; left: inherit; bottom: inherit;}
.works_main .inner_btn:hover{background: #000; box-shadow: 2px 8px 1px 0px #000; color: #fff;}

.blog_sec .owl-next {
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translatey(-50%);
  background: url(../images/nextarrow.png) no-repeat;
  width: 18px;
  height: 32px;
  font-size: 0px;
}

.blog_sec .owl-prev {
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translatey(-50%);
  background: url(../images/prevarrow.png) no-repeat;
  width: 18px;
  height: 32px;
  font-size: 0px;
}


/*15.03.23*/
/*Blogs Sec*/
.blogs_sec {position: relative; width: 100%; padding: 90px 0 60px; background: url(../images/b_bg1.jpg) no-repeat top right, url(../images/b_bg2.jpg) no-repeat top 60% right, url(../images/b_bg3.jpg) no-repeat bottom left, url(../images/b_bg4.jpg) no-repeat top 20% left, #f4f3f2;}
.blogs_sec h1 {text-align: center; font-size: 50px; line-height: 55px; font-weight: 400; font-family: 'Poppins', sans-serif; padding-bottom: 20px;}
.blogs_sec h1 span {position: relative; display: inline-block; font-family: 'HandOfSeanDemo'; color: #f4b713;}
.blogs_sec h1 span::before {content: ""; background: url(../images/blog_undrln.png) no-repeat; width: 100%; height: 11px; background-size: 100%; position: absolute; bottom: -6px; left: 0;}

.blogs_inn {padding-top: 20px;}

.blogs_box {background: #fff; border-radius: 10px; padding: 15px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.03); margin-bottom: 30px;}
.blogs_box img {border-radius: 10px; width: 100%;}
.blogs_text {padding: 20px 13px;}
.blogs_text em {display: inline-block; font-style: normal; font: 400 14px/24px 'Poppins', sans-serif; color: #999;}
.blogs_text h5 {font: 600 24px/30px 'Poppins', sans-serif; padding-bottom: 10px; color: #000; transition: 0.2s ease-in;}
.blogs_text h5:hover {color: #fbc125;}
.blogs_text p {font: 300 14px/26px 'Poppins', sans-serif; color: #666666; padding-bottom: 5px;}

.ylw_btn {font: 600 16px/45px 'Poppins', sans-serif; color: #000; height: 45px; background: #fbc125; padding: 0 35px; display: inline-block; margin-top: 5px; border-radius: 30px;}
.ylw_btn:hover {background: #000; color: #fff;}

/*Blog_details*/
.blogs_details {padding-bottom: 120px;}
.blogs_details .container {padding: 0 125px;}
.blogs_details em {font-style: normal; font-weight: 400; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 28px; color: #999999; display: inline-block; padding-bottom: 10px;}
.blogs_details h1 {font-size: 35px; line-height: 45px; font-family: 'Poppins'; font-weight: 600; padding-bottom: 20px; text-align: left;}
.blogs_image {width: 100%;}
.blogsbx_details {padding: 0px; background: transparent;}
.blogsbx_details img {border-radius: 20px;}
.blogs_details p {font-size: 18px; line-height: 32px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #666666; padding-bottom: 10px;}
.blogs_details h2 {font-size: 28px; line-height: 38px; font-weight: 600; font-family: 'Poppins', sans-serif; padding-top: 10px; padding-bottom: 10px;}
.blogs_details li {position: relative; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 28px; padding-bottom: 5px; padding-left: 25px;}
.blogs_details li:last-child {padding-bottom: 0px;}
.blogs_details ul {padding-bottom: 10px;}
.blogs_details li::before {content: '\f0a9'; font-family: "FontAwesome"; font-size: 18px; line-height: 28px; color: #efb226; position: absolute; top: 0; left: 0;}

/*related blogs*/
.related_blogs_sec {text-align: left; margin-bottom: 0px; background: #ffcd45;}
.related_blogs_sec h2 span {color: #f4f3f2; z-index: 2;}
.related_blogs_sec h2 span::before {content: ""; background: url(../images/relblog_underline.png) no-repeat; background-size: 100%; width: 100%; height: 11px; position: absolute; bottom: 11px; left: 0; z-index: -1;}

.related_blogs_sec .owl-next { right: -40px;}
.related_blogs_sec .owl-prev { left: -40px;}
.related_blogs_sec .owl-dots {display: none;}

.related_blogs_sec::before {content: ""; background: url(../images/blog_det_cut.png) no-repeat; background-size: 100%; width: 100%; height: 95px; position: absolute; top: -93px; left: 0;}
.related_blogs_sec::after {display: none;}
.related_blogs_sec h2 {text-align: center;}



.stuff_sec{padding-left: 20px; padding-right: 20px;}
.blog_sec {padding-left: 20px; padding-right: 20px;}
.gallery_inner{display: none;}




/*17.03.23*/
.contact_sec{  background: url(../images/community_bg2.png) no-repeat top 60px right, url(../images/communiti_bg.png) no-repeat left bottom; 
}
.about_main::after { width: 340px; height: 188px;  background: url(../images/busyfase_bg.png) no-repeat top 0px right;  background-size: 100%; position: absolute; right: 0px; top: 0px; content: ""; }
.about_box_inner li p { font-size: 16px;font-weight: 400; font-family: 'Poppins', sans-serif;}
.bannersecs:after{ width: 100%; position: absolute; left: 0px; bottom: -16px; background: url(../images/banner_bg.png) repeat-x 0 0; content: ""; height: 70px; }
.bannersecs{z-index: 9;}

.about_box_inner .media img{max-width: 100%;width: 60px;}
.about_box_inner .media-body{padding-left: 20px;}



.blogs_text p {

  min-height: 160px;
}
.blogs_text h5 {

  min-height: 100px;
}

.blogs_inn{justify-content: center;}
.load-more__btn{ background: url(../images/lodemore_icon.png) no-repeat left center; font-size: 18px;  color: #f4b713;  padding-left: 20px; display: inline-block;}
.load-more{text-align: center;}
.global_text .container {
  position: relative;
  text-align: center;
}
.blogs_text { text-align: left;}

.bannersecs::after {  display: none;}
.about_main::after { width: 100%; height: 188px; background: url(../images/busyfase_bg2.png) no-repeat top 0px right; background-size: auto; background-size: 100%; position: absolute; left: 0px; top: -52px; content: ""; z-index: 99; }
.about_main_inner p{line-height: 35px;}
.blog_text { text-align: left;}
.blog_sec .col-md-7 .media img{max-width: 100%; width: 211px; height: 260px;object-fit: cover;}
.global_text .container {
  position: relative;
  text-align: center;
  z-index: 999;
}
.contact_sec .about_box_inner{text-align: left !important;}

.tawk-button{background: #ffcd45 !important;}
.footer_btm span a:hover{color: #f1b32a;border-bottom: 1px solid #f1b32a;}
.footer_btm{border: inherit;}
.nav_top .navbar-brand{position: relative; }


.nav_top .navbar-brand::before {
  background: url(../images/logo_bg.png) no-repeat top 0px right;
  content: '';
  width: 225px;
  height: 56px;
  z-index: -3;
  bottom: -22px;
  left: -52px;
  position: absolute;}
.nav_top .navbar-brand {
  position: absolute;
  top: -8px;
  z-index: 9;
  left: 0;
}
.header_sec {  width: 100%; z-index: 15;}
.header_sec.fixed .nav_top .navbar-brand::before{bottom: -19px;left: -63px;}

.header_sec.fixed .nav_top .navbar-brand img {
  max-width: 100%;
  width: 113px;
}
.works_right {
  width: 100%;
  text-align: left;padding-left: 50px;
}
.stuff_sec i img{width: 150px;}

.gallery_inter ul a{width: 100% !important;}
.gallery_inter ul li{ width: 50% !important; float: left;}



.dot_select{  background: #ffc834;
  color: #fff;
  font-size: 9px;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 13px;
  border-radius: 30px;
  border: 1px solid #fff;
}






















@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; }
.stuff_sec{padding: 30px 0 50px;}
.blog_sec{padding-bottom: 100px;}
.gallery_main.gallery_inter { padding: 25px 0px 70px; }

/*16.03.23*/
.related_blogs_sec::before { top: -83px; }

.blog_sec .row { margin-top: 40px; }
.stuff_sec{padding: 30px 0 40px;}
.contact_sec { padding: 150px 0px 50px; }
.gallery_inter ul{margin-top: 40px;}




/* (17.03.2023) */
.global_text h1, .global_text h2 { font-size: 50px; line-height: 45px; }

.stuff_sec i img{width: 80px;}
.stuff_sec i {right: -33px; width: auto;}

.video_box { max-width: 1082px;}











}  



@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:100%; height: 148px; top: -50px;}
.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; }






/*15.03.23*/
.blogs_sec { padding: 80px 0 50px;  background-size: 350px, 100px, 600px, 110px;}


/*16.03.23*/
.related_blogs_sec::before { top: -71px; }
.blogs_details h1 { font-size: 33px; line-height: 43px;}
.blogs_details {padding-bottom: 95px;}
.related_blogs_sec {padding: 70px 0 80px;}


.about_main::before{bottom: 50px;}


.stuff_sec i { right: -40px;width: auto; }
.stuff_sec i img{width: 50%;}
.blog_sec .row { margin-top: 30px; }
.stuff_sec{padding: 20px 0 30px;}
.contact_sec { padding: 130px 0px 40px; }
.gallery_inter ul{margin-top: 30px;}
.blog_text a{padding-bottom: 7px; font-size: 22px;}
.blog_text { padding: 5px; }
.media-body.blog_text{padding-left: 15px;}
.blog_sec .col-md-7::before {background-size: 50%;}
.blog_text .inner_btn{}
.blog_text .inner_btn { width: 150px; line-height: 40px; height: 40px; font-size: 15px;}
.blog_text p{line-height: 23px;}
.blog_sec .col-md-5::after { top: 48px; left: -14px; background-size: 50%;}
.blog_sec h2 span{font-size: 36px;}
.blog_sec{padding-bottom: 100px;}
.gallery_main.gallery_inter { padding: 25px 0px 65px; }
.contact_sec h2 span { font-size: 36px; line-height: 45px;}
.contact_sec p { font-size: 20px; line-height: 32px; padding-bottom: 7px;}
.about_box_inner .media {margin-right: 10px;}
.about_box_inner li strong {font-size: 22px; line-height: 28px; }
.about_box_inner li p{font-size: 15px;}
.about_box_inner li { padding: 10px 0px; }
.works_inner { margin-top: 0px; }
.gallery_inter .gallery_inner { margin-top: 30px; }



/*17.03.23*/
.global_text h1, .global_text h2 { font-size: 48px; line-height: 54px; }


.blogs_text p {  min-height: 160px;}
.blogs_text h5 {  min-height:105px;}

.video_box { max-width: 1017px;}

.nav_top .navbar-brand img { max-width: 100%; width: 100px; }
.nav_top .navbar-brand { position: absolute; top: 0px; z-index: 9; }
.stuff_sec i img {
  width: 100%;
}
.stuff_sec i {
  right: 0;
  width: 50px;
}
.global_text .container {
 
  padding: 30px;
}
.blog_sec .col-md-7::before {

  width: 30px;

  right: -6px;
  z-index: -5;
}
.blog_sec .col-md-7::before {  background-size: 100%;}
.blog_sec .col-md-5::after {  top: 48px; left: -6px;width: 30px;}
.blog_sec .col-md-5::after {  background-size: 100%;}

.header_sec.fixed .nav_top .navbar-brand img {
  max-width: 100%;
  width: 100px;
}
.nav_top .navbar-brand::before { bottom: -26px; left: -58px;}






}



@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: 100%; 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;}

.taglin {
  top: 20px;
  right: 21px;
  width: 29px;
}
/*15.03.23*/
.blogs_sec { padding: 70px 0 40px;  background-size: 347px, 89px, 532px, 93px;}
.blogs_text { padding: 20px 0px; }
.blogs_text h5 { font-size: 22px; line-height: 28px;}

/*16.03.23*/
.related_blogs_sec::before { top: -55px; }
.blogs_details {padding-bottom: 85px;}
.related_blogs_sec {padding: 70px 0 70px;}
.blogs_details h1 { font-size: 30px; line-height: 40px;}
.blogs_details h2 { font-size: 26px; line-height: 36px;}


.video_box{margin-top: 40px;}
.video_box .play img { max-width: 90%; }


/* (16.03.2023) */
.hub_sec { padding-bottom: 120px; }
.stuff_sec i {    right: 0px;}
.stuff_sec i img{width: 43%;}
.blog_sec .row { margin-top: 30px; }
.stuff_sec{padding: 20px 0 30px;}
.contact_sec { padding: 130px 0px 40px; }
.gallery_inter ul{margin-top: 30px;}
.blog_text a{padding-bottom: 5px; font-size: 20px;}
.blog_text { padding: 5px; }
.media-body.blog_text{padding-left: 15px;}
.blog_sec .col-md-7::before {background-size: 50%;}
.blog_text .inner_btn{}
.blog_text .inner_btn { width: 140px; line-height: 36px; height: 36px; font-size: 15px; }
.blog_text p{line-height: 22px; padding-bottom: 10px;}
.blog_sec .col-md-5::after { top: 48px; left: -14px; background-size: 50%;}
.blog_sec h2 span{font-size: 27px;}
.blog_sec{padding-bottom: 100px;}
.gallery_main.gallery_inter { padding: 15px 0px 65px; }
.contact_sec h2 span { font-size: 36px; line-height: 45px;}
.contact_sec p { font-size: 20px; line-height: 32px; padding-bottom: 7px;}
.about_box_inner .media {margin-right: 10px;}
.about_box_inner li strong { font-size: 20px; line-height: 25px; }
.about_box_inner li p{font-size: 15px;}
.about_box_inner li { padding: 5px 0px; }
.works_inner { margin-top: 0px; }
.gallery_inter .gallery_inner { margin-top: 30px; }
.video_box::before{background-size: 50%;}
.video_box::after{background-size: 50%; left: -32px;}
.about_main.hub_sec::before { width: 214px; height: 181px; }
.stuff_sec .owl-carousel { margin-top: 30px; }
.video_box { max-width:780px; margin-top: 30px;}
.blog_text em{padding-bottom: 0px;}
.blog_box { padding: 5px; border-radius: 5px; }
.gallery_inter h2{  font-size: 35px; line-height: 40px;}
.gallery_inter ul { max-width: 450px; margin: 30px auto 0px;}
.gallery_inter ul a { width: 211px !important;}
.works_main.works_inner h2 span{font-size: 27px; line-height: 37px;}
.hub h1 span { font-size: 27px; }
.works_inner{padding-top: 20px;}

/*17.03.23*/
.global_text h1, .global_text h2 { font-size: 46px; line-height: 51px; }
.blog_sec .col-md-7::before, .blog_sec .col-md-5::after {display: none;}


.blogs_text p {  min-height: 190px;}
.blogs_text h5 {  min-height:100px;}



.header_sec.fixed .nav_top .navbar-brand::before {  bottom: -12px;  left: -35px;}
.nav_top .navbar-brand img { max-width: 100%; width: 100px; }
.nav_top .navbar-brand { position: absolute; top: 0px; z-index: 9; }

.header_sec.fixed .nav_top .navbar-brand::before {
  bottom: -28px;
  left: -68px;
}
.nav_top .navbar-brand::before { bottom: -26px;}
.header_sec.fixed .nav_top .navbar-brand img {
  max-width: 100%;
  width:90px;
}



}


@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: #000; 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: 100%; 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%; }    
  
    
    


/*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, .pageheading h1, .pageheading h2, .proDetailspghed 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:70px;
    top: 3px;
}
.menucrs {
    position: absolute !important;
    top: 0px;
    right: 0px;
    padding: 29px 25px !important;
    width: auto !important;
}
.header_sec .container{ max-width: 100%;}


.taglin {
  top: 20px;
  right: 21px;
  width: 29px;
}   
  
  /*15.03.23*/
.blogs_sec { padding: 60px 0 30px; background-size: 292px, 89px, 427px, 93px;}
.blogs_text { padding: 20px 0px; }
.blogs_text h5 { font-size: 22px; line-height: 28px;}    

/*16.03.23*/
.related_blogs_sec::before { top: -46px; }
.blogs_details {padding-bottom: 75px;}
.related_blogs_sec {padding: 60px 0 60px;}
.blogs_details h1 { font-size: 28px; line-height: 38px;}
.blogs_details h2 { font-size: 24px; line-height: 34px;}
.blogs_details .container { padding: 0 15px; }    




/* (16.03.2023) */
.hub_sec { padding-bottom: 80px; }
.stuff_sec i { right: -60px; }
.stuff_sec i img{width: 43%;}
.blog_sec .row { margin-top: 30px; }
.stuff_sec { padding: 10px 0 20px; }
.contact_sec { padding: 115px 0px 30px; }
.gallery_inter ul{margin-top: 30px;}
.blog_text a{padding-bottom: 5px; font-size: 20px;}
.blog_text { padding: 5px; }
.media-body.blog_text{padding-left: 15px;}
.blog_sec .col-md-7::before {background-size: 50%;}
.blog_text .inner_btn{}
.blog_text .inner_btn { width: 140px; line-height: 36px; height: 36px; font-size: 15px; }
.blog_text p{line-height: 22px; padding-bottom: 10px;}
.blog_sec .col-md-5::after { top: 48px; left: -14px; background-size: 50%;}
.blog_sec h2 span{font-size: 27px;}
.blog_sec{padding-bottom: 100px;}
.gallery_main.gallery_inter { padding: 15px 0px 65px; }
.contact_sec h2 span { font-size: 36px; line-height: 45px;}
.contact_sec p { font-size: 20px; line-height: 32px; padding-bottom: 7px;}
.about_box_inner .media {margin-right: 5px;}
.about_box_inner li strong { font-size: 20px; line-height: 25px; }
.about_box_inner li p{font-size: 15px;}
.about_box_inner li { padding: 5px 0px; }
.works_inner { margin-top: 0px; }
.gallery_inter .gallery_inner { margin-top: 30px; }
.video_box::before{background-size: 50%;}
.video_box::after{background-size: 50%; left: -32px;}
.about_main.hub_sec::before { width: 214px; height: 181px; }
.stuff_sec .owl-carousel { margin-top: 30px; }
.video_box { max-width: 870px; margin-top: 30px;}
.blog_text em{padding-bottom: 0px;}
.blog_box { padding: 5px; border-radius: 5px; }
.gallery_inter h2 span { color: #f4b713; font-size: 35px; line-height: 40px;}
.gallery_inter ul { max-width: 450px; margin: 30px auto 0px;}
.gallery_inter ul a { width: 211px !important;}
.works_main.works_inner h2 span{font-size: 27px; line-height: 37px;}
.hub h1 span { font-size: 27px; }
.works_inner{padding-top: 20px;}
.video_box .play img { max-width: 85%; }
.inner_btn{margin-top: 25px;}
.stuff_text p br{display: none;}
.stuff_text em{padding-bottom: 15px;}
.gallery_main.gallery_inter h2 { font-size: 27px; line-height: 35px; } 
.gallery_inter h2 span{font-size: 27px;}
.gallery_inter ul a { width: 190px !important; line-height: 50px;  font-size: 16px;}
.gallery_inter ul a i{font-size: 18px;}
.gallery_inter ul { max-width: 400px; font-size: 18px; min-height: 60px;}
.works_main .inner_btn { margin: 30px auto 0px; }
.inner_btn{width: 200px; height: 60px; font-size: 18px;}
.works_main.works_inner::after {padding-bottom: 90px;}
.contact_sec p { font-size: 18px; line-height: 29px; padding-bottom: 0px; }
.about_box_inner li a, .about_box_inner li strong {font-size: 20px; line-height: 28px;}


	
.blog_sec .col-md-5{flex: 0 0 50%; max-width: 50%;}
.blog_sec .col-md-7{flex: 0 0 50%; max-width: 50%;}
.media.blog_box{display: inherit; margin-bottom: 15px;}
.stuff_sec i { top: 155px; right: -32px; width: 117px; height: 45px; } 

.video_box {
  max-width: 700px;
}


/*17.03.23*/
.global_text h1, .global_text h2 { font-size: 45px; line-height: 55px; }
.blog_sec .col-md-7::before, .blog_sec .col-md-5::after {display: none;}
.stuff_sec .owl-prev { left:-27px;}
.stuff_sec .owl-next{right: -27px;}
.blogs_details p {
  font-size: 16px;
  line-height: 28px;}
.blogs_details li{font-size: 16px;line-height: 28px;}
 
.blogs_text p {  min-height: 160px;}
.blogs_text h5 {  min-height:70px;}    
 
.blog_sec .col-md-7 .media img {
  max-width: 100%;
  width: 100%;  height: auto;
  object-fit: cover;
} 
 
.nav_top .navbar-brand::before{display: none;}
.header_sec.fixed .nav_top .navbar-brand img {  max-width: 100%;  width: auto;}
.nav_top {  padding: 0px; margin: 0px; justify-content: flex-end;}
.nav_top .navbar-toggler {
  width: 50px;
  height: 45px;
  background: #ebebeb !important;
  border: 2px solid #ebebeb;
  padding: 0 9px;
  border-radius: 5px;
}
 
.nav_top .navbar-toggler::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: 1px solid #fff;
  border-radius: 5px;
}
 
 .video_box::before { background-size: 100%; right: 0;  top: 0;  width: 29px;}

.video_box::after { left: 0; bottom: -102px; background-size: 100%; width: 30px;}

.video_box { max-width: 100%;  padding: 0 20px;}
.stuff_sec i {
  top: 155px;
  right: 0;
  width: auto;
} 
.menucrs {  position: absolute !important;  top: 6px;  right: 12px; padding: 13px !important; width: auto !important;} 
.navbar-collapse {  background: #fff; z-index: 99;}
.menu_sec li a {
  padding: 12px 0;
  font-size: 22px;
} 
 
.stuff_sec::before{z-index: 222;}
.about_main.hub_sec::before {
  width: 299px;
  height: 204px;
  z-index: -11;
} 
    
} 
 
 
@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;}

.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;}

.105px{ width: 100%; margin-top: 20px;}


/*15.03.23*/
.blogs_sec { background-size: 236px, 89px, 368px, 93px; }

/*16.03.23*/
.related_blogs_sec::before { top: -31px; }
.blogs_details h1 { font-size: 28px; line-height: 38px;}
.blogs_details h2 { font-size: 24px; line-height: 34px;}
/*.related_blogs_sec .owl-next { position: relative; right: inherit; top: inherit; transform: inherit; margin-left: 30px;}
.related_blogs_sec .owl-prev { position: relative; left: inherit; top: inherit; transform: inherit; margin-right: 30px;}
.related_blogs_sec .owl-nav {display: flex; align-items: center; justify-content: center;}*/

.stuff_sec .owl-prev{left: -12px;}
.stuff_sec .owl-next{right: -12px;}
.blog_sec .owl-prev{left: -22px;}
.blog_sec .owl-next{right: -22px;}
.blog_sec .owl-carousel{margin-top: 30px;}
.blog_sec{padding-top: 65px;}
.video_box { max-width: 440px;}

.stuff_sec .owl-carousel{padding: 0px 20px;}
.stuff_text strong{ font-size: 24px; line-height: 30px;}
.video_box .play {width: 60px;height: 60px;}
.stuff_sec i { top: 155px;  right: 0;}

/*.stuff_sec .owl-next { position: relative; bottom: inherit; right: inherit; width: 18px; height: 32px; font-size: 0px;display: inline-block;margin: 5px; }
.stuff_sec .owl-prev{ position: relative; bottom:inherit;display: inline-block; margin: 5px;}
.stuff_sec .owl-nav{padding-top:30px;}*/
/*.blog_sec .owl-nav{padding-top:30px; text-align: center;}
.blog_sec .owl-prev{ position: relative; bottom:inherit;display: inline-block; margin: 5px;}
.blog_sec .owl-next { position: relative; bottom: inherit; right: inherit; width: 18px; height: 32px; font-size: 0px;display: inline-block;margin: 5px; }*/
.blog_box {
  padding: 20px;
  border-radius: 5px;
}
.blogs_text p {  min-height: 240px;}
.blogs_text h5 {  min-height:70px;}  
.blog_box { margin-bottom: 30px;}

.blog_sec.global_text .item{padding: 10px;}
.blog_sec {  padding-bottom: 58px;}
.gallery_main::after{display: none;}


.video_box::before { background-size: 100%; right: 0;  top: 0;  width: 29px;}

.video_box::after { left: 0; bottom: -102px; background-size: 100%; width: 30px;}

.video_box { max-width: 100%;  padding: 0 20px;}
.works_right {
  width: 100%;
  text-align: left;
  padding-left: 0;padding-top: 20px;
}
.works_inner:nth-child(odd) .row {
  flex-direction: column-reverse;
}
.ban_box b { font-size: 75px; line-height: 75px;}
.ban_box em { font-size: 60px; line-height: 60px; margin: 12px 0 0; width: 100%;}
.inerband .ban_box em::before {
  background: url(../images/textline.png) no-repeat 0 0;
  bottom: -7px;
  width: 100%;
  z-index: -1;
  left: 71%;
  transform: translateX(-50%);
}
.works_main .works_right:before{position: absolute; top}



.ban_box em{ font-family: 'Just Another Hand';}



.inerband .ban_box b{ text-shadow: 4px 4px 1px #e5b42f !important;}
.inerband .ban_box{padding: 67px 0 0;}
.inerband .ban_box em {
  width: auto; position: relative;
}
.inerband .ban_box em::before{ bottom: 3px;
width: 100%;
left: 0;
z-index: -1;
background-size: 100% 100%;
height: 11px; transform: inherit;}

.ban_box em {
  font-family: 'Just Another Hand';
  font-style: italic;
  font-size: 70px !important;text-shadow: 4px 4px 1px #e5b42f !important;
}


.global_text h1 span, .global_text h2 span{ font-family: 'Just Another Hand';}

.hub h1 span {
  font-size: 48px;
}

.hub h1{font-size: 40px;}
.global_text h1 span::before, .global_text h2 span::before {
  bottom: 2px;
}






}

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





.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;}


.photo_sec {
  height: 49px;
}

.clsor { padding: 5px 8px; top: 5px; font-size: 14px;}
/*15.03.23*/
.ylw_btn { height: 40px; line-height: 40px; padding: 0 25px; border-radius: 21px; }
.blogs_sec { background-size: 172px, 89px, 321px, 93px; }

/*16.03.23*/
.related_blogs_sec::before { top: -30px; }
.blogs_details h1 { font-size: 26px; line-height: 36px;}
.blogs_details h2 { font-size: 22px; line-height: 32px;}
.related_blogs_sec { padding: 50px 0;}



.blog_sec {padding: 90px 40px;}
.stuff_sec .owl-carousel{padding: 0px;}
.video_box{max-width: 100%;}
.stuff_sec {padding: 30px 40px;}
.about_main {padding: 30px 40px;}

.global_text h2{font-size: 40px; line-height: 55px;}
.global_text h2 span{font-size: 35px;}
.blog_sec h2{font-size: 40px; line-height: 35px;}
.blog_sec h2 span{font-size: 35px;}
.hub p{font-size: 16px;}

.stuff_sec h2{font-size: 40px;}
.stuff_sec h2 span{font-size: 35px;}
.gallery_main::after {display: none;}
.gallery_inter h2 span{font-size: 35px; display: flex; justify-content: center; margin-top: 10px;}
.gallery_main.gallery_inter h2{font-size: 40px;}

.video_box {
  max-width: 100%;
  padding: 0 20px;
}
.video_box .play img { max-width: 76%; }
.inner_btn { width: 155px; height: 49px; font-size: 17px; line-height: 50px; }
.about_main{padding-bottom: 80px;}

.contact_sec {
  background: inherit;
}
/*.stuff_sec .owl-next { position: relative; bottom: inherit; right: inherit; width: 18px; height: 32px; font-size: 0px;display: inline-block;margin: 5px; }
.stuff_sec .owl-prev{ position: relative; bottom:inherit;display: inline-block; margin: 5px;}
.stuff_sec .owl-nav{padding-top:30px;}
.blog_sec .owl-nav{padding-top:30px;}
.blog_sec .owl-prev{ position: relative; bottom:inherit;display: inline-block; margin: 5px; top: inherit;}
.blog_sec .owl-next { position: relative; bottom: inherit; right: inherit; width: 18px; height: 32px; font-size: 0px;display: inline-block;margin: 5px;  top: inherit;}*/

.blogs_text p {  min-height: auto;}
.blogs_text h5 {  min-height:auto;}  
.load-more__btn{display: inline-block;}


.video_box::before {
  background-size: 100%;
  right: -2px;
  top: 8px;
  width: 29px;
}

.video_box::after {
  left: -5px;
  bottom: -96px;
  background-size: 100%;
  width: 30px;
}

.stuff_sec i {
  right: 0;
  width: 90px;
}

.footer_top .col-lg-4.col-md-6.col-sm-6:first-child .footer_box{text-align: center; margin-bottom: 30px;}
.footer_btm span a { margin: 0 7px;}



/*.inerband .ban_box em::before {
  background: url(../images/textline.png) no-repeat 0 0;
  bottom: -7px;
  width: 71%;
  left: 30px;
  z-index: -1;
}*/
.bannersecs .ban_box em {

  padding-top: 11px;
}
.video_box .w-100 {
  border-radius: 15px 15px;
  height: 260px;
}

.global_text h2 span::before {  z-index: -1;}
.stuff_sec .owl-prev {
  left: -22px;
}
.stuff_sec .owl-next {
  right: -22px;
}
.blog_sec.global_text h2 span::before{width: 100%; left: 0;}
.works_inner.global_text h2 span::before{width: 100%;}




} 




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


.about_main{ padding: 30px 0 80px;}
.global_text h1, .global_text h2 {
  font-size: 40px;
  line-height: 43px;
}
.hub h1 span, .stuff_sec h2 span, .blog_sec h2 span, .gallery_inter h2 span, .works_main.works_inner h2 span,.global_text h2 span {
  font-size: 53px !important; display: inline-block;
}

.hub_sec .inner_btn {
  width: 190px;}
.stuff_sec, .blog_sec {
  padding: 30px 15px;
}
.stuff_text strong {
  font-size: 32px;
  line-height: 40px;
}
.stuff_box .stuff_text {
  padding: 25px 10px 10px;
}
.blog_sec {
  padding: 90px 40px 55px;
}
.global_text h1 span::before, .global_text h2 span::before {
  bottom: -6px; width: 100% !important;
}
.blog_sec {
  padding: 90px 15px 55px;
}

.gallery_inter ul{ background: url(../images/ba.png) repeat;}

.works_right h3 {
  font-size: 52px;
  line-height: 44px; font-family: 'Just Another Hand';
}
.works_right h4 {
  font-size: 30px;
  line-height: 34px;
  padding: 15px 0 0;
}
.works_right p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}
#participate .works_right{padding-right: 100px;}




.step_arrow1 {
  width: 115px;
  right: 53px;
  bottom: 34px;
  left: inherit;
}
#participate .works_inner:nth-child(2) .works_right{ padding-right: 109px;}
.step_arrow2 {
  width: 70px;
  left: inherit;
  bottom: -10px;
  right: 0 !important;
}
.inner_btn {
  width: 202px;}
.works_main .inner_btn{ box-shadow: 2px 5px 0px 0px #2c2929;}
.contact_sec {
  padding: 115px 0px 52px;
}


.about_box_inner .media img{ width: 58px;}
.about_box_inner li p {
  font-size: 16px;
}




}

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

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

.photo_sec{ font-size: 15px;}
.uloadsbtns li {
  width: 42%;
  float: left;
}
.uloadsbtns li.upphoLi {
  width: 42%;
  float: left;
}
.uloadsbtns li.orLi {
  width: 16%;}

/*16.03.23*/
.related_blogs_sec::before { top: -24px; }
.stuff_sec i{right: -7}
.contact_sec {
  background: inherit;
}


}


@media only screen and (max-width: 450px){ 
.uloadsbtns li {
  width: 100% !important;
  float: left;
}
.clsor{ top: 0px;}
.uloadsbtns li.orLi{ padding: 10px 0;}
.inerband .ban_box em::before {
  width: 100%;
  left: 0;
}
.stuff_sec .owl-prev {
  left: -25px;
}
.stuff_sec .owl-next {
  right: -25px;
}







}

@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: 66px;
    top: 9px;
}
.top_right_section li span.dot_select {
    right: -1px;
    top: -4px;
}
/*16.03.23*/
.related_blogs_sec::before { top: -22px; }





.video_box .play { width: 73px; height: 50px; }
.video_box .play img { max-width: 76%; }
.inner_btn { width: 155px; height: 49px; font-size: 17px; line-height: 50px; }
.about_main{padding-bottom: 80px;}


.hub h1{font-size: 35px;}
.hub h1 span{font-size: 30px;}
.global_text h2{font-size: 35px; line-height: 45px;}
.global_text h2 span{font-size: 30px;}
.blog_sec h2{font-size: 35px; line-height: 45px;}
.blog_sec h2 span{font-size: 30px;}

.gallery_inter ul{width: 100%;}
.gallery_inter ul a{width: 48% !important;}
.gallery_inter ul a { width: 175px !important;}

.ftr_logo img {
  max-width: 100%;
  width: 180px;
}




.hub h1 span, .stuff_sec h2 span, .blog_sec h2 span, .gallery_inter h2 span, .works_main.works_inner h2 span,.global_text h2 span {
  font-size: 53px !important; display: inline-block;
}




.step_arrow1 {
  width: 115px;
  right: 20px;
  bottom: 34px;
  left: inherit;
}
.works_right h4 {
  font-size: 26px;
  line-height: 30px;
  padding: 15px 0 0;
}









}




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


/*16.03.23*/
.related_blogs_sec::before { top: -20px; }
.blogs_sec h1 { font-size: 30px; line-height: 40px; }
.hub h1 { font-size: 35px; }
.stuff_box .stuff_text{padding-top: 15px;}
.stuff_text em{padding-bottom: 10px;}
.blog_sec{padding: 60px 15px;}
.stuff_sec { padding-left: 15px; padding-right: 15px; }
.hub_sec {
  padding-left: 15px;
  padding-right: 15px;
}
.stuff_sec i{right: 0; width: 90px;}
.stuff_sec i{width: auto !important;}
.gallery_inter ul a {
  width: 137px !important;
}
.stuff_sec .owl-next {
  right: 0;
}
.stuff_sec .owl-prev {
  left: 0;
}
.stuff_sec .owl-prev{left: 0}

.about_main::after { width: 80px;}
} 





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


/*16.03.23*/
.related_blogs_sec::before { top: -16px; }

	
}