/*Ultra-wide Screens*/

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



}







/*Laptops & Desktops*/

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



}



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



}



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



}



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



}



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

.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_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{width: 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;-webkit-transform:scale(1);transform:scale(1);}

.hover_box:hover .hover_img img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.hover_box{position:relative;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:after {position: absolute;content: ""; height: 0px;width: 0px;margin: auto;left: 0;right: 0;bottom: 0;top: 0;background-color:#ba5d5de8;}

.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: #527ee7;}

.hover_box:hover .more_btn {color:#527ee7; }



/*buttons css for hover*/



.btn:hover, .btn:active {color:#ffffff !important;}

.btn:hover svg {fill: #ffffff;}



.btn.bordered.white::before {background-color: #527ee7;}

.btn.bordered.white:hover {color: #ffffff !important;border-color: #527ee7 !important;}

.btn.bordered:hover input {color: #ffffff !important;}



.btn-primary:hover, .form-submit:hover, .woocommerce a.button.product_type_variable:hover, .woocommerce a.button.product_type_simple:hover,  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover {background-color: #3D544A !important;color: #ffffff !important;}

.btn-default:hover, .btn-default:active {background-color: #ffa063 !important;}



.btn-primary.white:hover, .btn-primary.white:active {background-color: #ff7d29 !important;color: #ffffff !important;}



.btn-blue:hover, .woocommerce #respond .form-submit input#submit:hover,

.btn-blue:active, .woocommerce #respond .form-submit input#submit:active {background-color: #2e42ad !important;color: #ffffff !important;}



}



@media screen and (max-width:1024px) {
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: 270px; background:#000000; padding-bottom: 0; margin-left: -270px;padding-right: 0 !important;border-right: none; 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; margin-right: 0px;}
.wsmenu>.wsmenu-list>li+li {  margin-left: 0;}
@supports (-webkit-overflow-scrolling:touch) {
.wsmenu>.wsmenu-list>li:last-child {padding-bottom:110px;}}
.wsmenu>.wsmenu-list>li>a { width: 100%; padding:14px 50px 12px 15px !important;text-align: left; border-right: solid 0px; background-color: transparent;  line-height: 25px; border-top: 1px solid; border-top-color:rgb(255 255 255 / 15%); position: static; line-height: normal;color: #ffffff;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.wsmenu>.wsmenu-list>li.selected>a  {    color: #BE1E2E;}
 .wsmenu>.wsmenu-list>li:hover>a {}
.wsmenu>.wsmenu-list>li:hover .wsmenu-click>i:before {border-color: #ffffff;}
.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:10px 15px 10px 30px; position: relative; top: 0px; background-color:transparent; 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: 10px 15px;font-size: 13px;padding: 8px 15px 8px 30px;word-wrap: break-word;  white-space: normal;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {color: #ffffff;}
.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 { width: 100%; position: static;float: left; 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;*/ transition: max-height 0.35s ease, opacity 0.3s ease;}
.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 {padding: 8px 15px 8px 55px;font-size: 13px;}
.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.active {  }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a {  }
.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 75px;  }
.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: 23px; margin-left: 15px; 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: #BE1E2E; 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: 5px auto 0 auto; }
    .wsactive .wsanimated-arrow span {background-color: #ffffff;}
    .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: 3px; margin-top: 0px; }
    #wsnavtoggle span:nth-child(2),#wsnavtoggle span:nth-child(3) {top: 12px; }
    .wsactive #wsnavtoggle span:nth-child(2), .wsactive #wsnavtoggle span:nth-child(3) {top: 5px; }
    #wsnavtoggle span:nth-child(4) {top: 5px; 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: 48px; position: absolute; top: 0px; right: 0px; display: block; cursor: pointer; width: 48px; z-index: 55;}
.wsmenu>.wsmenu-list>li.selected>.wsmenu-click {border-left: 1px solid rgb(0 0 0 / 20%);}
.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 23px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 10px; width: 10px; float: right; transform: rotate(-225deg); margin:16px 19px 0px 0px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width:1px 1px 0 0; border-style: solid; border-color:#ffffff; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 37px; width: 37px; position: absolute; top: 0px; right: 0px; 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 14px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width:1px 1px 0 0; border-style: solid;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_page_ancestor>a, .wsmenu>.wsmenu-list li>ul.sub-menu>li.selected>a, .wsmenu>.wsmenu-list li>ul.sub-menu>li.current-menu-parent>a, .wsmenu>.wsmenu-list li>ul.sub-menu>li.current-menu-ancestor>a, .wsmenu>.wsmenu-list>li.current-menu-parent>a {text-decoration: none;position: relative;color: #BE1E2E;}
.wsmenu>.wsmenu-list>li ul.sub-menu {min-width: calc(100% + 0px);padding:5px 0 5px 0px;}
.wsmenu>.wsmenu-list>li ul.sub-menu {background:transparent;}
.wsmenu>.wsmenu-list>li ul.sub-menu {box-shadow: none;background-color: #111111;}


}







/*Tablet Devices*/

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



}



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



}



@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: #ffffff; }

.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: #ffffff; }

footer .footer_links_box .title { margin-bottom: 0; font-size: 18px; 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 #ffffff; }

.list-style-none.mobile-accordion-toggle { display: none;padding:0px; margin:20px 0 20px 0; width: 100%; float: left; }   



}



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



}



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



}





/*Mobile Devices*/

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



}



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



}



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



}



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



}