@media screen and (min-width:992px) {
.wsmenu .wsmenu-list {}
.wsmenu>.wsmenu-list>li+li { margin-left: 20px;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu:before {left: 90px;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu:before {top: 20px;margin-left:-18px;-webkit-box-shadow: 1px 1px 0px 0px rgb(60 72 88 / 15%);box-shadow: 1px 1px 0px 0px rgb(60 72 88 / 15%);border-color: transparent #ffffff #ffffff transparent;}
.wsmenu>.wsmenu-list>li:hover a, .wsmenu>.wsmenu-list>li.selected>a {color: #4fad1f;}
.wsmenu>.wsmenu-list>li.selected>a {color: #4fad1f;}

/*li#menu-item-62 .sub-menu { display: block !important; opacity: 1;visibility: visible;}*/
 .wsmenu>.wsmenu-list>li ul.sub-menu {transform: translateY(-10px) !important;  transform: scaleY(0) !important;transform-origin: 0 0 0;border-radius: 5px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {display: flex;align-items: center; justify-content: unset;text-align: left;font-size: 16px;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

span.wsmenu-click+a:after{content:"\f078";margin-left:5px;font-family:'FontAwesome';font-size:12px;position:relative;bottom:1px;}
.wsmenu > .wsmenu-list > li:hover ul.sub-menu{opacity:1;visibility:visible;margin-top:0px;transform: translate(0px, 0px);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transform: translateY(0px) !important;  transform: scaleY(1) !important;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;}

/*.wsmenu>.wsmenu-list>li>a:after {position: absolute;content: "";height: 1px;width: 0px;background-color: #000000;left: 0;right: 0;opacity: 0;display: block;}
.wsmenu>.wsmenu-list>li>a:after {bottom: 0;left: auto;}*/
/*.wsmenu>.wsmenu-list>li.selected>a:after, .wsmenu>.wsmenu-list>li:hover>a:after {opacity: 1;width: 100%;}*/
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a{color: #4fad1f;}

.hover_box:hover .overlay_hover {opacity: 1; -webkit-transform: scale(1) rotateZ(0deg); -moz-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotateZ(0deg); -o-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg);} 
.hover_box:hover .overlay_hover span {opacity: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } 
.hover_box .overlay_hover span:after {position: absolute; content: ""; width: 60px; height: 2px; background-color: #fff; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); top: 50%; }

.hover_img{width:100%;float:left;position:relative;overflow:hidden;}
.hover_box:hover .hover_img span:before{opacity:1;width:40px;height:0;}
.hover_box:hover .hover_img span:after{opacity:1;width:0;height:40px;}
.hover_box .hover_img span:before, .hover_box .hover_img span:after{content:"";position:absolute;left:50%;top:50%;border:2px solid #ffffff;width:100%;transform:translate(-50%, -50%);height:100%;opacity:0;z-index:22;}

.hover_box:hover .hover_img a:after {width: 100%;height: 100%;}

.hover_box .hover_img img{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-webkit-transform:scale(1);transform:scale(1);}
.hover_box:hover .hover_img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.hover_box{overflow:hidden;position:relative;height: 100%;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.hover_box:hover>a img{transform:scale(1.1);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.hover_box a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.hover_box .hover_img a {overflow: hidden;}
.hover_box .hover_img a:before {position: absolute;content: "";height: 100%;width: 100%;bottom: 0;left: 0;top: 0;right: 0;background-color:rgba(0,0,0,0.1);z-index: 1;}
.hover_box .hover_img a:after {position: absolute;content: ""; height: 0px;width: 0px;margin: auto;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);}
.hover_box .hover_img img {transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-webkit-transform: scale(1); transform: scale(1); }
.hover_box:hover .hover_img img { -webkit-transform: scale(1.3); transform: scale(1.3);}
.hover_box:hover .more_btn svg {fill: #4fad1f;}
.hover_box:hover .more_btn {color:#4fad1f; }
.btn-primary:hover, .form-submit:hover {background-color: #243257 !important;}
.btn-default:hover {background-color: #4fad1f;}
.btn-primary.bordered:hover {background-color:#4fad1f !important;color:#ffffff !important; }
.btn-primary.bordered:hover svg {fill:#ffffff;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease; }
.btn:hover, .btn:hover input, .form-submit:hover {transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.btn-primary.white:hover, .form-submit.white:hover {  background-color: #f1f1f1 !important;}

.btn.white::before {background: #243257;}
.btn.white::after { background: #4fad1f;}
.btn-primary.bordered.white:hover, .form-submit.white.bordered:hover { color: #000000 !important;  background-color: #ffffff !important;}

.gallery_box:hover {border-radius: 20px 0px 20px 0px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:hover:after, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected a:after, .wsmenu>.wsmenu-list>li>ul.sub-menu li.current-menu-parent>a:after {width: 100%;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:after { position: absolute;content: "";height: 1px;width: 0; background-color: #4fad1f; bottom: 3px;left: 0; z-index: 2222;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover a { color: #4fad1f;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

.gallery_listing .title_1 .title_main {font-size: 35px;}
}

@media screen and (max-width:1700px) {
.top_header_wrapper .header_info ul li a { font-size: 15px;}  
.header .main_header .header_button .btn {  margin-left: 15px; font-size: 14px; min-width: 140px;}
}
@media screen and (max-width:1500px) {
.wsmenu>.wsmenu-list>li>a {font-size: 15px;}
.main_logo, .header_button {width: 24%;}
}
@media screen and (max-width:1400px) {
.header .top_header .top_header_wrapper {padding: 8px 0px; font-size: 16px;}	
.wsmenu>.wsmenu-list>li>a {font-size: 15px;}
.banner figcaption h2 {font-size: 50px;}
.banner figcaption {  max-width: 1000px;}
.about_cnt_rgt .image_wrapper+.image_wrapper {  margin-top: -200px;}
.about_cnt_rgt { padding-left: 0;}
.count_up {padding: 20px 25px 20px 25px; border-radius: 15px;}
.count_up .count_cnt p {  font-size: 20px;}
.count_up .count_cnt .value_main { font-size: 40px;}
.count_up .count_icn svg { max-width: 50px; max-height: 50px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn, .top_header_wrapper .header_info ul li .header_info_icn {width: 25px; height: 25px;margin-right: 5px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn svg, .top_header_wrapper .header_info ul li .header_info_icn svg { width: 11px;}
.header_wrapper.header_button {  flex-direction: column;}
.header_info ul { margin: 0px 0 1px 0px;display:inline-block;}
.header .main_header .header_button {align-items: end;}
.main_logo, .header_button {width: 15%;min-width: 250px;}
}

/* For 125*/
@media (min-width: 1400px) and (max-width: 1600px) {
.wsmenu>.wsmenu-list>li>a { font-size: 15px;}   
    


}

/* For 150*/
@media (min-width: 1200px) and (max-width: 1399px) {

.pro-slider-left .owl-prev, .pro-slider-left .owl-next { top: 42px;}
.wsmenu>.wsmenu-list>li>a { font-size: 12px; }   
.profile-btn-box .profile-btn{ font-size: 15px;}
.cart-btn-box a{ font-size: 13px;}
.header_button {width: 10%; min-width: 200px;}
.cart-btn-box { padding: 7px 0;}




    
}
/* For 175*/
@media (min-width: 1080px) and (max-width: 1200px) {
.pro-slider-left .owl-prev, .pro-slider-left .owl-next { top: 30px;}

.wsmenu>.wsmenu-list>li>a { font-size: 12px; }   
.profile-btn-box .profile-btn{ font-size: 15px;}
.cart-btn-box a{ font-size: 13px;}
.header_button {    width: 10%;min-width: 200px;}
.cart-btn-box { padding: 7px 0;}


    
}







@media screen and (min-width:1199px) {

}




@media screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li+li { margin-left: 10px;}	
.header .main_header .main_logo img {  max-width: 200px;}
.header .top_header .top_header_wrapper { padding: 8px 0px; font-size: 15px;}
.header .top_header .top_header_wrapper .header_info ul li+li { margin-left: 15px;}
.header .top_header .top_header_wrapper p {  max-width: 580px;  line-height: normal; font-size: 13px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn {width: 25px; height: 25px;margin-right: 6px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn svg { width: 13px;}
.about_cnt_rgt .image_wrapper:first-child { max-width: calc(100% - 150px);}
.about_cnt_rgt .image_wrapper+.image_wrapper {max-width: calc(100% - 170px);}
.service_box {padding: 15px;}
.service_box figcaption {    padding: 10px 0px 0 0px;}
.service_box figcaption .icon_wrpr .service_icon svg { height: 30px;}
.service_box figcaption .icon_wrpr h2 {font-size: 22px;}
.service_box .service_image {  border-radius: 20px;overflow: hidden;}
.service_box {border-radius: 20px;}
.inner_banner {  height: 400px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span, .banner_gallery .inner_caption h1, .banner_gallery .inner_caption .h1, .banner_gallery .inner_caption span { font-size: 40px;}
.color_option .color_box figcaption h2 {font-size: 20px;}
.contact_form {padding: 35px 30px 35px 30px;}
.page_404 {  padding-top: 210px;}
span.experience {right: 98px;}

.woocommerce-loop-category__title { line-height: 21px; font-size: 16px !important;}
.pro_name {  font-size: 30px;}
.product_page {  padding-bottom: 0;}

.pro-slider-left .owl-prev, .pro-slider-left .owl-next { top:30px;}
.wsmenu>.wsmenu-list>li>a { font-size: 13px    }
.cart-btn-box a { font-size: 12px;}
.profile-btn-box .profile-btn {  font-size: 16px;}
.profile-btn-box { padding: 0px 10px 0 10px;}







}

@media screen and (max-width:1100px) {
.header .main_header .main_logo img { max-width: 150px;}	
.btn, .btn input, .form-submit, input[type="submit"] {font-size: 16px;min-width: 150px;}
.main_logo, .header_button {  width: auto;  min-width: 150px;}
header.sticky .main_header .main_logo img {  max-width: 130px;}
}

@media screen and (max-width:1024px) {
.contact_page_info ul li .contact_info_cnt a, .contact_page_info ul li .contact_info_cnt p { font-size: 18px;}	

.single-product .type-product .summary .price {  font-size: 23px;}
.product-image-large img {  min-height: 400px;}
.related {  padding: 50px 0 20px;}

.gallery_listing .swiper_gallery_slider .swiper_main_slide .swiper-wrapper { height: 250px;}

}




@media screen and (max-width:1000px) {
.pro-slider-left .owl-prev, .pro-slider-left .owl-next {   top: 65px;}



}







@media screen and (max-width:991px) {
html { height: 100%; -webkit-overflow-scrolling: touch; }
body.wsactive { overflow: hidden; }
.wsmenucontainer { background-attachment: local; background-position: 33% 0%; }
.wsmenu { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px; }
.wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 275px; background: #ffffff; padding-bottom: 0; margin-left: -275px; display: block; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; }
.wsmenu>.wsmenu-list>li { width: 100%; display: block;float: left; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right; }

@supports (-webkit-overflow-scrolling:touch) {.wsmenu>.wsmenu-list>li:last-child {padding-bottom:110px;}}
.wsmenu>.wsmenu-list>li>a { width: 100%; padding:12px 45px 11px 15px;font-size: 13px;text-align: left; background-color: transparent; color: #000000;}
.wsmenu>.wsmenu-list>li.selected>a  {color:#4fad1f; background-color: #ffffff;}
 .wsmenu>.wsmenu-list>li:hover>a {}
.wsmenu>.wsmenu-list>li:hover .wsmenu-click>i:before {}
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before {border-color: #ffffff;}
.wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 17px; padding-right: 17px; border-top: solid 1px rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>a.menuhomeicon i { display: none; }
.wsmenu>.wsmenu-list>li>a>i { font-size: 16px; color: #bfbfbf; }
.wsmenu>.wsmenu-list>li>a .wsarrow:after { display: none; }
.wsmenu>.wsmenu-list>li>a>.hometext { display: inline-block; }
.wsmenu>.wsmenu-list>li>ul.sub-menu { display: none;padding:15px 15px 15px 15px;    border-radius: 0; position: relative; top: 0px; border: none;margin: 0; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat;float: left;width: 100%;box-shadow: none;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {display:block;line-height: normal;padding: 8px 15px;font-size: 14px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {color: #2e2e2e;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {     min-width: 100%;width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 10px 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat;background-color: #ffffff;float: left; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu li a:after { left: 39px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {font-size: 13px; padding: 7px 10px 7px 25px;word-break:break-word; white-space: break-spaces; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 34px; color: #383838; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; text-decoration: underline; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmobileheader { width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 10002; height: 54px; background-color: #eaecf0; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; box-shadow: 0 0 1px rgba(0, 0, 0, .3); }
.wsactive .wsmobileheader { margin-left: 240px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsmobileheader .smllogo { display: inline-block; margin-top: 12px; }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch { width: 86%; margin: 7% 7%; padding: 0px; }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input { border-radius: 50px }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus { width: 100%; }
.wsanimated-arrow{width:30px;height:35px;margin-left: 10px; position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;float:right;z-index:99999;}
.wsanimated-arrow span{display:block;position:absolute;height:2px;width:30px;background:#ffffff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;right: 0;  margin: 2px auto 0 auto;}
.wsactive .wsanimated-arrow span{background:#fff;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:after {top: 9px;}
#menu-main-menu>li {width: 100%; float: left; position: relative;}
#wsnavtoggle span:nth-child(1){top:8px;}
#wsnavtoggle span:nth-child(2),#wsnavtoggle span:nth-child(3){top:22px;}
.wsactive #wsnavtoggle span:nth-child(2), .wsactive #wsnavtoggle span:nth-child(3){top:15px;}
#wsnavtoggle span:nth-child(4){top:15px;float: right;left: 0;}
.wsactive #wsnavtoggle span:nth-child(1){top:18px;width:0%;left:50%;}
.wsactive #wsnavtoggle span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.wsactive #wsnavtoggle span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.wsactive #wsnavtoggle span:nth-child(4){top:18px;width:0%;}
.overlapblackbg { right: 0; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; }
.wsactive .wsmenu .overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; }
.wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 88; top: 0; }
.wsactive .wsmenu>.wsmenu-list { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-left: 0; }
.wsmenu>.wsmenu-list>li>.wsmenu-click { height: 39px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 43px; z-index: 55; border-left:1px solid #ebebeb;}
.wsmenu>.wsmenu-list>li.selected>.wsmenu-click {/*border-left: 1px solid rgb(0 0 0 / 20%);*/}
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before {border-color: rgb(0 0 0 / 20%);}
.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 18px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin:15px 16px 0px 0px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color:#000000; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 33px;width: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer;z-index: 88;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin:11px 17px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color:#000000; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i.wsmenu-rotate { transform: rotate(-45deg); margin-top: 16px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a, .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a:focus, .wsmenu>.wsmenu-list>li.current-menu-parent>a {text-decoration: none;position: relative;color: #4fad1f;}



.header .top_header .top_header_wrapper .header_info ul li .header_info_icn {}
.header .top_header .top_header_wrapper .header_info ul li+li { }
.header .main_header .header_button {  display: flex; align-items: center;justify-content: end;}
.btn, .btn input, .form-submit, input[type="submit"] {border-radius: 5px; padding: 10px 15px 9px 15px;}
.banner figcaption h2 {  font-size: 45px;}

.about_cnt_rgt .image_wrapper {  max-width: 50% !important;  margin-top: 0 !important;}
.about_cnt_rgt .image_wrapper:first-child {  max-width: 50%;  float: left;}
section {padding: 60px 0;}
html, body {font-size: 16px;}
.title_1 .title_main { font-size: 40px;}
.process_box figcaption h2 {  font-size: 18px;}
.work_process_cnt p {font-size: 18px;}
.work_process_cnt {margin-top: 30px; padding-top: 25px;}
.process_box .process_icon { width: 80px;  height: 80px;}
.process_box .process_icon svg { height: 45px;}
.work_process_row {margin-top: -40px;}
h2, .h2 { font-size: 22px;}
.page_404 { padding-top: 150px;}
.wsmenu>.wsmenu-list>li+li {  margin-left: 0;}

span.experience {
    right: 0;
    width: calc(100% - 20px);
    border-radius: 20px 20px 0 0;
    top: 10px;
    left: 0;
    margin: auto;
    height: auto;
    padding: 10px;
    background-color: rgb(36 50 87 / 90%);
    border-bottom: 10px solid #ffffff;}
span.experience:after {display: none;}
.banner figcaption h2 { font-size: 40px;}
.banner figcaption p {font-size:16px;}
.middle_page_cnt blockquote h2 {  font-size: 35px;}
.middle_page_cnt blockquote {padding: 30px;}
.wsmenu>.wsmenu-list>li ul.sub-menu {min-width: calc(100%);}
.header .main_header .header_button {flex-direction: row;}
.top_header_wrapper .header_info ul li a span { display: none;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn, .top_header_wrapper .header_info ul li .header_info_icn {margin-right: 0;width: 40px;height: 40px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn svg, .top_header_wrapper .header_info ul li .header_info_icn svg { width: 18px;}
.header .main_header .header_button .btn { margin-left: 10px;}
.header_info ul {float: left;}





.woocommerce-form-login__submit, .lost_reset_password .button, .woocommerce-MyAccount-content .woocommerce-info .button, .woocommerce-address-fields .button, .woocommerce-EditAccountForm .button, .return-to-shop .button, .woocommerce-form-register .button {min-width:inherit; font-size: 14px !important;  padding: 10px 20px 10px 20px !important;}
.woocommerce-form-login input, .woocommerce-ResetPassword input, .woocommerce-EditAccountForm input, .woocommerce-form-register input { height: auto;}
.woocommerce-message .button, .wc-proceed-to-checkout .button, .coupon .button, .shop_table .button, .checkout_coupon .button, .place-order .button{min-width:inherit; font-size: 14px !important;  padding: 10px 20px 10px 20px !important;}
.single-product .site-main { /*padding-top: 100px;*/ padding-top: 80px; }
.woocommerce-product-gallery--with-images img{ height: 170px !important; object-fit: cover;}
.pro-slider-left .owl-prev, .pro-slider-left .owl-next { top: 80px;}

    .profile-btn-box {
        padding: 10px 10px 10px 10px;
    }
    .profile-btn-box .profile-btn {
        font-size: 16px;
        background-color: #4fad1f;
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }
    .cart-btn-box a {
        font-size: 12px;
        background-color: #4fad1f;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        display: inline-block;
        line-height: 40px;
        text-align: center;
    }
.header .main_header .header_menu {
    position: absolute;
    right: 250px;
}

 .coupon .button{padding: 16px 20px 16px 20px !important;}

.checkout_coupon .button{padding: 14px 20px 14px 20px !important;}
.woocommerce ul.order_details li {  padding: 10px;}



.new_service_left img { width: 100%;}

    .gallery_listing .swiper_gallery_slider .swiper_main_slide .swiper-wrapper {
        height: 300px;
    }
.vertical-tab-wrapper ul li, .vertical-tab-wrapper ol li {  font-size: 14px;
    line-height: 23px;
}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab .title {
    font-size: 16px;}
#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab {
    padding: 15px 20px;}
.tab_accordian_sec .accordion-button::after { left: 17px;    height: 16px;}
.tab_accordian_sec .accordion-button::before{left:10px;}
.tab_accordian_sec .accordion-button::before {   width: 16px;}

#vertical-tab .vertical-tab-wrapper .vertical-tab-content {  background: #f3f3f3;}
.vertical-tab-wrapper {
    background: transparent;
}


}


@media screen and (max-width:768px) {
.post-type-archive-product.woocommerce ul.products li.product, .post-type-archive-product.woocommerce-page ul.products li.product{ margin: 0 0 2em; }    
.pro_name {  font-size: 25px; margin: 0 0 20px;} 
#customer_login .u-column2.col-2 {
    margin: 30px 0 0;
}

.woocommerce-checkout div#customer_details{width:100%;}
.woocommerce-checkout #order_review { width: 100%;    padding-left: 0; margin: 20px 0 0;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: auto;    margin: 10px 0 0;}
.woocommerce-billing-fields__field-wrapper input {  height: auto;}


}



@media screen and (max-width:767px) {
footer .footer_links_box .title span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
footer .footer_links_box .title span:before { content: ""; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 15px; width: 2px; background: #4fad1f; }
.mobile-accordion.in .title span:before { display: none }
footer .footer_links_box .title span:after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 2px; width: 16px; background: #4fad1f; }
footer .middle_content .footer_links_box .title { margin-bottom: 0; font-size: 16px; position: relative; color: #ffffff;line-height: inherit;}
.footer_links_box { width: 100%; float: left; border:none;margin-bottom: 0px; background-color: transparent;border-bottom: 2px solid #4fad1f; }
.list-style-none.mobile-accordion-toggle { display: none;padding:0px; margin:10px 0 20px 0; width: 100%; float: left; }   
.header .top_header .top_header_wrapper p {  max-width: 365px;}

.title_1 .title_main { font-size: 35px;}
section {padding: 40px 0;}
.counter {margin-top: 40px;}
.gallery_hvr { border-radius: 15px;}
.title_1 {margin-bottom: 30px;}
.more_btn {  margin-top: 25px;}
footer .middle_content .footer_links_box.footer_about {padding-bottom: 15px;}
footer .middle_content .footer_links_box ul li+li {  margin-top: 10px;}
footer .middle_content .footer_links_box.newsletter p {font-size: 16px; max-width: 100%;}
.about_content_main .about_content_row+.about_content_row { margin-top: 30px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span, .banner_gallery .inner_caption h1, .banner_gallery .inner_caption .h1, .banner_gallery .inner_caption span {font-size: 33px;}
.inner_banner { height: 350px;}
.inner_banner .inner_caption {  margin-top: 60px;}
.color_option .color_box figcaption h2 { font-size: 18px;}
.color_option .color_box figcaption {  padding: 20px 10px;}
img.alignright {  margin: 0 0 15px 15px; max-width: 45%;}

.work_process_row .col {flex: auto; width: 33.33%;}
.middle_page_cnt blockquote {padding: 30px 20px;}
.middle_page_cnt blockquote h2 { font-size: 30px;}
.work_process_row {  margin-top: 50px;}
.about_cnt_rgt img {border: 0px solid #ffffff;}
.about_cnt_rgt .image_wrapper+.image_wrapper {  max-width: calc(50% - 5px) !important;}
.about_cnt_rgt .image_wrapper:first-child {  max-width: calc(50% - 5px) !important;float:left;}
.woocommerce ul.order_details li + li {    border-left: 1px solid #ccc;        border-right: 1px solid #ccc; border-bottom: 0;}
.woocommerce ul.order_details li { width: 100%;border-bottom: none;}
.woocommerce ul.order_details li:last-of-type { border-left: 1px solid #ccc;        border-right: 1px solid #ccc;}

.breadcrumb_main {    margin-bottom: 20px;}
.gallery_listing .swiper_gallery_slider .swiper_main_slide .swiper-wrapper {  height: 260px;}

    
    
}

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

}

@media screen and (min-width:576px) {

}

@media screen and (max-width:575px) {
.btn, .btn input, .form-submit, input[type="submit"] { font-size: 15px; min-width: 130px;}
.banner figcaption h2 { font-size: 30px;margin-bottom: 20px;}
.banner figcaption p { font-size: 14px;}
.swiper-pagination-bullet { width: 10px;  height: 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 20px;}
.about_cnt_rgt img { border-radius: 20px;}
p {margin-bottom: 15px;}
.title_1 .title_main {  font-size: 30px;}
.service_box figcaption .icon_wrpr h2 { font-size: 20px;}

.count_up { padding: 20px 15px;}
.count_up .count_cnt .value_main {  font-size: 35px;}
.count_up .count_cnt p { font-size: 16px;}
.count_up .count_icn { margin-right: 10px; margin-top: 5px;}
footer .middle_content { padding: 40px 0 40px 0;}
footer .middle_content .footer_links_box.footer_about { padding-right: 0;}
footer .bottom_footer {padding: 15px 0;}
footer .middle_content .footer_links_box.contact_info ul li span {font-size: 18px;}
.title_1 {  margin-bottom: 20px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span, .banner_gallery .inner_caption h1, .banner_gallery .inner_caption .h1, .banner_gallery .inner_caption span {font-size: 28px;}
.inner_banner { height: 300px;}
.inner_breadcrumb ol li {font-size: 13px;}
span.experience {top: 5px;    width: calc(100% - 10px);border-radius: 15px 15px 0 0;border-bottom: 5px solid #ffffff;}
.experience svg {  height: 30px;}

.middle_page_cnt {padding: 30px;}
.gallery_title p {  font-size: 13px;}
.page_cnt {  margin-bottom: 30px;}
.middle_page_cnt blockquote h2 {  font-size: 25px;}

.accordion-button {padding-top: 19px; padding-bottom: 19px;font-size: 18px;}
.counter .col-6.col-xxl-3.col-xl-3.col-lg-4.col-md-6.col-sm-6 {
    padding: 0 5px;
}


.woocommerce-form-login { max-width: 100%;}
.woocommerce div.product .product_title { font-size: 27px;}
.related ul.products li.product .button {  min-width: inherit;    font-size: 15px;}


}

@media screen and (max-width:480px) {
.header .top_header .top_header_wrapper {padding: 8px 0px;}
.header .top_header .top_header_wrapper p {font-size: 12px;max-width: 275px;}
.header .main_header .main_logo img { max-width: 105px;}

.btn, .btn input, .form-submit, input[type="submit"] { font-size: 13px;min-width: 110px;}
.count_up .count_icn svg { max-width: 40px; max-height: 40px;}
.count_up .count_cnt .value_main { font-size: 28px;}
.count_up .count_cnt p { font-size: 12px;}
.count_up {border-radius: 10px;padding: 20px 15px 20px 15px;}
html, body, footer { font-size: 15px;}
.cms_page ul li:after {height: 16px;width: 16px;background-size: auto 16px;}
.cms_page ul li, .cms_page ol li {padding-left: 25px;}
.gallery_hvr { border-radius: 10px;}
.process_box figcaption h2 { font-size: 16px;}
.work_process_cnt p {  font-size: 16px;}
.process_box .process_icon {margin: 0 auto 15px auto;}
footer .middle_content .footer_links_box.newsletter p {font-size: 15px;}
.contact_page_info {padding: 20px 20px;}
.contact_page_info ul li .contact_info_cnt a, .contact_page_info ul li .contact_info_cnt p {  font-size: 16px;}
.contact_page_info ul li+li { margin-top: 20px;}
.contact_form { padding: 25px 20px 25px 20px;}
.input-box {margin: 0 0 15px 0;}
.experience svg { height: 22px;}
span.experience {font-size: 11px;padding: 5px;}
.middle_page_cnt {padding: 30px 15px;}

img.alignright {  margin: 0 0 15px 0px;width: 100%;  max-width: 100%;}
.header .top_header .top_header_wrapper .header_info ul li a {  font-size: 13px;}
.workprocess_sidebar {padding: 30px;}
.offer_text p { font-size: 15px;}
.accordion-button {font-size: 16px;}
.header .main_header .header_button .btn { margin-left: 5px;  font-size: 12px;  min-width: 120px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn, .top_header_wrapper .header_info ul li .header_info_icn { width: 35px;height: 35px;}
.main_logo, .header_button {min-width: auto;}

.woocommerce-MyAccount-navigation ul li {  padding: 0;}
.related .client_main_box .nav-pills li a.active h2 {font-size: 15px;}
.related .client_main_box .nav-pills li .hl-title { font-size: 15px;}
.product-image-large img {   min-height: inherit;}
.woocommerce-product-gallery--with-images img {  height: 120px !important;}
.pro-slider-left .owl-prev, .pro-slider-left .owl-next { top: 50px;}
    
    .cart-btn-box a { height: 35px;
        width: 35px; line-height: 35px;}  
     .profile-btn-box .profile-btn { height: 35px;
        width: 35px;}   
        
  .cart-btn-box {
    padding: 9px 0;
}      
      .profile-btn-box {
        padding: 9px 5px 9px 5px;
    }      
        
.header .main_header .header_menu {  right: 220px;}        
      .wsanimated-arrow span {  width: 20px;}      
        
     .wsanimated-arrow {
        width: 18px;  margin-left: 5px;}   
        
     .header .main_header .header_menu {
        right: 203px;
    }       
 
     .gallery_listing .swiper_gallery_slider .swiper_main_slide .swiper-wrapper {
        height: 220px;
    }
 
        
}

@media screen and (max-width:450px) {
.aws_price_calc_numeric input {  width: 100%;}
.product-detail-right tr.awspc-field-row { float: none;}


header.sticky .main_header .main_logo img { max-width: 100px;}
.header .main_header .header_button .btn { padding-left: 10px;  padding-right: 10px;min-width: 110px; font-size: 11px;}
 .header .main_header .header_menu {
        right: 190px;
    }

.header-profile-list {
    position: absolute;
    left: 15px;right:inherit;

}
.coupon input#coupon_code {
    width: 100%;
    margin-bottom: 10px;
}
    .coupon .button {
        padding: 10px 20px 10px 20px !important;
        width: 100% !important;}

.checkout_coupon .form-row-first, .checkout_coupon .form-row-last {
    width: 100% !important;
    float: none;
}
    .checkout_coupon .button {  width: 100%;}
    
    
 
    
}


@media screen and (max-width:380px) {
.banner figcaption h2 {font-size: 26px;margin-bottom: 15px;}
.header .top_header .top_header_wrapper p { font-size: 11px; max-width: 250px;}
.count_up .count_icn svg { max-width: 30px;  max-height: 30px;}
.count_up .count_cnt .value_main { font-size: 24px;}
html, body { font-size: 14px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn { width: 20px; height: 20px;}
.header .top_header .top_header_wrapper .header_info ul li .header_info_icn svg { width: 10px;}
.header .top_header .top_header_wrapper .header_info ul li a {  font-size: 12px;}
.process_box figcaption h2 {  font-size: 15px;}
.workprocess_sidebar { padding: 20px;}
.workprocess_sidebar ul li+li { margin-top: 10px; }
.workprocess_sidebar ul li h2 {  font-size: 18px;}
.middle_page_cnt blockquote h2 {  font-size: 22px;}
.header .main_header .main_logo img {  max-width: 100px;}
 .header .main_header .header_menu {
        right: 187px;
    }
  .gallery_listing .swiper_gallery_slider .swiper_main_slide .swiper-wrapper {
    height: 200px;
} 
}

@media screen and (max-width:360px) {
.related .client_main_box .nav-pills li a.active h2 {font-size: 13px;}
.related .client_main_box .nav-pills li .hl-title { font-size: 13px;}
.related ul.products li.product .button {  font-size: 12px;}
    .header .main_header .header_button .btn {  padding: 7px 5px 5px;}
    .header .main_header .header_menu {
        right: 175px;
    }

    .header .main_header .main_logo img {
        max-width: 90px;
    }
    
    
     .header .top_header .top_header_wrapper .header_info ul li .header_info_icn svg, .top_header_wrapper .header_info ul li .header_info_icn svg {
        width: 15px;
    }   
    .header .top_header .top_header_wrapper .header_info ul li .header_info_icn, .top_header_wrapper .header_info ul li .header_info_icn {
        width: 30px;
        height: 30px;}    
        
     .cart-btn-box a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 11px;
    }       
       .profile-btn-box .profile-btn {
        height: 30px;
        width: 30px;padding: 0;
        font-size: 17px;
    }     
     .header .main_header .header_menu {
        right: 183px;
    }       
        
        
      
        
        
        
}

@media screen and (max-width:350px) {
.post-type-archive-product.woocommerce ul.products li.product, .post-type-archive-product.woocommerce-page ul.products li.product {  width: 100%;}

     .header .main_header .main_logo img {
        max-width: 59px;
    }   
    
}



@media (min-width: 1080px) and (max-width: 1399px) {

   .main_logo {  min-width: 130px;}
    .header_wrapper.header_button { flex-direction: row;}
    .top_header_wrapper .header_info ul li a {  font-size: 12px;  }
    .header .main_header .header_button { align-items: center;}
    .wsmenu>.wsmenu-list>li>a { font-size: 12px;}
 .header_button{  min-width: 280px;}
}