@media screen and (min-width:992px) {
.wsmenu .wsmenu-list {}
.wsmenu>.wsmenu-list>li+li { margin-left: 30px;}
.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: #9B1003;}

/*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: 0px 0px 0px 0px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {text-align: left;font-size: 15px;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;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover>a, .wsmenu>.wsmenu-list>li>ul.sub-menu>li .sub-menu li:hover>a, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a, .wsmenu>.wsmenu-list>li>ul.sub-menu li.current-menu-parent>a { color: #9B1003;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;}
.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:before {position: absolute;content: "";height: 4px;width:0%;bottom: 0;left: 0;right: 0;background-color: #9B1003;opacity: 0;margin: auto;}
.wsmenu>.wsmenu-list>li:hover>a:before, .wsmenu>.wsmenu-list>li.selected>a:before, .wsmenu>.wsmenu-list>li.current-menu-parent>a:before {width: 100%;opacity: 1;}

/*.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, .wsmenu>.wsmenu-list>li.current-menu-parent>a{color: #9B1003;}

.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{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: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:rgb(155 16 3 / 90%);}
.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: #9B1003;}
.hover_box:hover .more_btn {color:#9B1003; }

.btn:hover, .btn:active {color:#f5f5f5 !important;}
.btn:hover svg {fill: #ffffff;}
.btn::hover:after {width: calc(100% - 0px); border-radius: 0px; left: 0; }

.btn.bordered.white::before {background-color: #9B1003;}
.btn.bordered.white:hover {color: #ffffff !important;border-color: #9B1003 !important;}
.btn.bordered:hover input {color: #ffffff !important;}



}

@media screen and (max-width:1700px) {
.services .swiper_main_slide { padding: 0 50px;}	
.swiper-button-next, .swiper-button-prev { width: 40px; height: 40px;}
.swiper-button-next { right: 0px;}
.swiper-button-prev { left: 0px;}
}

@media screen and (max-width:1400px) {
.wsmenu>.wsmenu-list>li+li { margin-left: 20px;}
header .main_header .header_right .btn {  margin-left: 20px;}
header .main_header .main_logo img { max-width: 220px;}	
.site_main {padding-top: 154px;}
.service_box figcaption {padding: 30px 15px 50px 15px;}
.service_box figcaption h3 { font-size: 18px;}
}

@media screen and (min-width:1199px) {
}

@media screen and (max-width:1300px) {
.after_before .container {  max-width: 1024px;}	
.element-item {height: 258px;}
.twentytwenty-handle {height: 45px; width: 45px;margin-left: -22px; margin-top: -22px;}
.twentytwenty-horizontal .twentytwenty-after-label:before {  right: 10px;  top: 10px;}
.twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; top: 10px;}
.middle_content .footer_links_box ul li a {word-break: break-all;}
}

/* For 110*/
@media (min-width: 1600px) and (max-width: 1800px) {
/* .home_banner_form { transform: translate(-45%, -50%);}     */
 .home_banner_form .input-box textarea.input, .home_banner_form textarea { height: 80px;}
.home_banner_form .input-box .input, .home_banner_form .select, .home_banner_form textarea { height: 38px; }   

.home .banner img {    height: 675px;}

}

/* For 125*/
@media (min-width: 1400px) and (max-width: 1600px) {
  .home_banner_form { /*transform: translate(-25%, -50%);*/width: 400px;}   
  .home_banner_form .input-box { margin: 0 0 10px 0;}
.home_banner_form .title_1 .title_main {font-size: 22px;}
.home_banner_form .title_1 { margin-bottom: 25px;}
.home_banner_form .input-box textarea.input, .home_banner_form textarea { height: 80px;}
.home_banner_form .input-box .input, .home_banner_form .select, .home_banner_form textarea { height: 38px; }

.home .banner img { height: 600px;}
.home .swiper_main_slide { width: calc( 100% - 400px);}


}

/* For 150*/
@media (min-width: 1200px) and (max-width: 1399px) {
.home_banner_form {/* transform: translate(0, -50%);*/width: 400px;} 
.home .swiper_main_slide { width: calc( 100% - 400px);}

.home_banner_form .contact_page_form { padding: 20px;}
.home_banner_form .title_1 .title_main {font-size: 22px;}
.home_banner_form .input-box .input, .home_banner_form .select, .home_banner_form textarea { height: 38px; }
.home .banner img { height: 675px;}


}

/* For 175*/
@media (min-width: 1080px) and (max-width: 1200px) {
 .home_banner_form { /*transform: translate(0%, -50%);*/ width: 400px;}    
.home_banner_form .contact_page_form { padding: 20px;}
.home_banner_form .title_1 .title_main {font-size: 22px;}
.home_banner_form .input-box .input, .home_banner_form .select, .home_banner_form textarea { height: 38px; }
.home_banner_form .input-box textarea.input, .home_banner_form textarea { height: 80px;}
.home_banner_form .input-box { margin: 0 0 10px 0;}

.home_banner_form .title_1 { margin-bottom: 25px;}
.home .swiper_main_slide { width: calc( 100% - 400px);}
.home .banner img { height: 590px;}
}


@media screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li>a, header .main_header .header_right .btn { font-size: 14px;}
header .top_header ul li a, header .top_header ul li p {  font-size: 14px;}
header .top_header ul li a svg, header .top_header ul li p svg { height: 17px;  max-width: 16px;}
.site_main {  padding-top: 150px;}
.wsmenu>.wsmenu-list>li+li {  margin-left: 15px;}
span.wsmenu-click+a:after {font-size: 10px;}
header .main_header .main_logo img {  max-width: 190px;}
.site_main { padding-top: 142px;}
.title_1 .title_main, .title_1 .title_main h2 {  font-size: 38px;}
.contact_info_box .contact_info_cnt p, .contact_info_box .contact_info_cnt a {  font-size: 16px;}
.service_contact_info {  padding: 40px 25px;}
.services_menu ul li a {padding: 13px 25px;}
.left_sidebar aside>h2 { padding: 0 25px;}
}

@media screen and (max-width:1100px) {
}

@media screen and (max-width:1079px) {
 .home_banner_form { /*transform: translate(0%, -50%);*/width: 400px;}    
.home_banner_form .contact_page_form { padding: 20px;}
.home_banner_form .title_1 .title_main {font-size: 22px;}
.home_banner_form .input-box .input, .home_banner_form .select, .home_banner_form textarea { height: 35px; }
.home_banner_form .input-box textarea.input, .home_banner_form textarea { height: 80px;}
.home_banner_form .input-box { margin: 0 0 10px 0;}
.home_banner_form .title_1 { margin-bottom: 25px;}

.service_box figcaption h3 { font-size: 24px;}
.home .swiper_main_slide { width: calc( 100% - 400px);}
.home .banner img { height: 575px;}
}



@media screen and (max-width:1024px) {
header .main_header .header_right .btn { margin-left: 15px;}
.wsmenu>.wsmenu-list>li>a, header .main_header .header_right .btn {  font-size: 13px;}
header .main_header .main_logo img { max-width: 170px;}
.site_main { padding-top: 135px;}
.after_before .container {  max-width: 767px;}
.element-item {  height: 192px;}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {line-height: 28px; padding: 0 10px;}
.twentytwenty-handle { height: 35px;  width: 35px;  margin-left: -17px;  margin-top: -17px;}
.twentytwenty-horizontal .twentytwenty-handle:before {margin-bottom: 14px;}
.twentytwenty-horizontal .twentytwenty-handle:after {margin-top: 14px;}
.button-group button {  font-size: 14px;padding: 10px 10px;}
.home_banner_form .input-box textarea.input, .home_banner_form textarea {   height: 60px;}
.home .banner img {  height: 550px;}

.home .banner figcaption { max-width: 95%;    padding: 10px;}
.home .banner figcaption h2 { font-size: 20px;    margin: 0;}
.home .banner figcaption p {   margin: 0;    padding: 5px 0 0;    font-size: 13px;}
.banner figcaption .banner_btn { margin-top: 5px;}


}



@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: 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 45px 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 / 8%); position: static; line-height: normal;color: #ffffff;}
.wsmenu>.wsmenu-list>li.selected>a  {    color: #9B1003;}
 .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: 12px;padding: 10px 15px 10px 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; }
.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:5px 15px 5px 55px;}
.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:23px;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:20px;background:#9B1003;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:#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: 4px; margin-top: 0px;width: 14px;}
#wsnavtoggle span:nth-child(2),#wsnavtoggle span:nth-child(3){top:11px;width: 14px;}
.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: 32px; position: absolute; top: 4px; right: 4px; display: block; cursor: pointer; width: 32px; z-index: 55; border-radius: 0; background-color: #9B1003; }
.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: 13px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin:11px 12px 0px 0px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width:3px 3px 0 0; border-style: solid; border-color:#fff; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 27px; width: 27px; position: absolute; top: 7px; right: 8px; display: block; cursor: pointer;  z-index: 88; border-radius: 6px; border: 1px solid rgb(255 255 255 / 20%);}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin:7px 8px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width:2px 2px 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: 11px; }
.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 {text-decoration: none;position: relative;}
.wsmenu>.wsmenu-list>li ul.sub-menu {min-width: calc(100% + 0px);padding:0px 0 0px 0px;}
.wsmenu>.wsmenu-list>li ul.sub-menu {background:transparent;}
.wsmenu>.wsmenu-list>li ul.sub-menu {box-shadow: none;background-color: #181818;}

header .main_header .header_right .btn {  margin-left: 0;}
.banner figcaption h2 {font-size: 45px;}
.banner figcaption p {  max-width: 350px;}
.about_cnt_rgt {  padding-left: 0;}
.title_1 .title_main, .title_1 .title_main h2 {  font-size: 33px;}
.title_1>span {  font-size: 14px;}
section {padding: 60px 0;}
.why_choose_box figcaption h2 {}
.cta .cta_wrapper>img {  max-width: 250px;}
.cta .cta_wrapper {padding: 30px 0 30px 280px;}
.cta .cta_wrapper .cta_rgt h2, .cta .cta_wrapper .cta_rgt h2 a {  font-size: 22px; }

.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;}
.inner_banner {height: 250px;}
.contact_page_form {padding: 40px 30px;}
.page_404_wrpr h1 {  font-size: 80px;}
.page_404 p {  font-size: 18px;}
.page_404_wrpr {padding: 60px 0;}


.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a, .wsmenu>.wsmenu-list>li.current-menu-parent>a, .wsmenu>.wsmenu-list>li.selected>a {color: #9B1003;}
.loader .col span {  font-size: 30px;}
.home_banner_form {    position: inherit; top: inherit;    right: inherit; z-index: 1;    transform: inherit;   width: 100%;}

.header_right .wsmenu>.wsmenu-list>li:last-child a {
    background-color: inherit;
    background-image: inherit;
    background-position: inherit;
    background-repeat: inherit;
    min-width: inherit;
    min-height: inherit;
    display: inherit;}

.home .swiper_main_slide {  width: 100%;    float: none;}
.home .banner img {  height: 355px;}
    
}


@media screen and (min-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: #9B1003; }

.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: #9B1003; }

footer .middle_content .footer_links_box .title { margin-bottom: 0; font-size: 16px; position: relative; color: #222222;line-height: inherit;}

.footer_links_box { width: 100%; float: left; border:none;margin-bottom: 0px; background-color: transparent;border-bottom: 2px solid #9B1003; }

.list-style-none.mobile-accordion-toggle { display: none;padding:0px; margin:20px 0 20px 0; width: 100%; float: left; }   

.header .top_header .top_header_wrapper p {  max-width: 365px;}

header .top_header ul li+li {  margin-left: 30px;}
header .main_header {padding: 10px 0;}
.site_main {  padding-top: 116px;}
header .top_header ul li a span {display: none;}
header .top_header ul li+li {  margin-left: 10px;}
header .top_header ul li a svg {margin: 0;  height: 15px;  max-width: 14px;}
header .top_header ul li a { width: 25px; height: 25px; border: 1px solid #212529; display: flex; align-items: center;  justify-content: center;}
.banner figcaption h2 {font-size: 40px;}
html, body {font-size: 15px;}
.banner figcaption h2 {  font-size: 35px;}
.banner figcaption p {  max-width: 200px;}
.image_wrapper img {width: 100%;}
.swiper-button-next, .swiper-button-prev {  width: 30px;  height: 30px;}
.services .swiper_main_slide {  padding: 0 35px;}
.swiper-button-next svg, .swiper-button-prev svg {  height: 14px;}
.expert {  background-image: none !important;  background-color: #f5f5f5 !important;}
.element-item {width: 49%;}
.after_before .container {  max-width: 575px;}
.element-item {  height: 216px;}
.button-group button { font-size: 12px; padding: 10px 10px;}
.cta .cta_wrapper>img {display: none;}
.cta .cta_wrapper {  padding: 30px 0 30px 0px;}
.testi_box .testi_cnt h2 {  font-size: 19px;}
.testi_box {padding: 60px 30px;}
.contactusform {  background-position: left center !important;z-index: 2;}
.contactusform:after { position: absolute; content: ""; height: 100%;  width: 100%; background-color: #000000; top: 0;  left: 0;opacity: 0.8;z-index: -1;}
.contactusform .title_1 .title_main, .contactusform .title_1 p {color: #ffffff;}
.middle_content .footer_about p {max-width: 100%;}
.middle_content {padding: 60px 0 70px 0;}
.footer_about {padding-bottom: 10px;}
.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: 35px;}
.inner_banner {height: 230px;}
.about_company_rgt {padding-left: 0px;}
.gallery_box img {  width: 100%;}
.logo_wrapper {    height: 115px;}
.contact_info_box {padding: 50px 30px 30px;}
.contact_info_box .contact_info_icn {width: 60px; height: 60px;top: -20px;}
.page_404_wrpr {margin-bottom: 20px;}
.expert_cnt {  padding-left: 0px;}

.map iframe {height: 400px;}
.home .banner img { height: 375px;}

header .top_header ul .call_mobile a span { display: block;}
header .top_header ul .call_mobile a { width: auto;    height: auto;    border: none; line-height: 24px;}
header .top_header ul .call_mobile a svg { margin: 0 7px 0 0;}
.get_touch_mobile { display: block;}
 .get_touch_mobile { min-width: inherit; display: block !important; width: auto !important; height: auto !important; background-size: contain; padding: 5px 15px; min-height: inherit;}
.call_mobile_hide{ display: none !important;}
.call_mobile svg {
    margin: 0;
    height: 15px;
    max-width: 14px;
    fill: #000000;
    width: auto;
}

.call_mobile {
    display: inline-block;        margin-right: 10px;
}
header .main_header .header_right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
    /* .call_mobile{ display: inline-block;} */


.stickybutton {
    position: fixed;display: inline-block;
    right: 0px;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
}

.stickybutton .home_scroll { display: inline-block;
        text-align: center;
        min-width: 100%;
        position: relative;
        z-index: 1;
        transition: all .5s ease;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
        vertical-align: top;
        padding: 0 20px;
        border-radius: 0;
        margin: 0;
        overflow: hidden;
        padding: 6px 15px;
        line-height: 30px;
        background-image: url(../images/button_bg.png);
        background-repeat: no-repeat;
        background: #9b1003;
        border-radius: 20px 0px 0 20px;     
        


}
.stickybutton .home_scroll svg{  margin: 0;
    height: 20px;
    max-width: 20px;
    fill: #fff;
    width: auto;

    	animation-name: angry-shake;
	animation-duration: 3s;
	transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
    
}

@keyframes angry-shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.stickybutton .home_scroll span {  display: none;}








}

@media screen and (max-width:640px) {

}

@media screen and (min-width:576px) {

}

@media screen and (max-width:575px) {
html, body {font-size: 14px;}
.why_choose_box {padding: 40px 15px;}
.after_before .container {  max-width: 480px;}
.element-item {  height: 179px;}
.testi_box { padding: 60px 15px;}
.input-box .input, .select, .woocommerce-address-fields .input-text, .es_subscription_form input, textarea {height: 45px;padding: 10px 10px;}
.input-box {margin: 0 0 15px 0;}
.copyright {padding: 25px 0;}
.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: 30px;}
.inner_banner {height: 200px;}
.page_404_wrpr h1 {  font-size: 60px;}
.page_404_wrpr {  padding: 40px 15px;}
.page_404_wrpr h4 {font-size: 14px;}
.page_404 p {  font-size: 16px;}
.map iframe {height: 300px;}
.location_btn {display: table;margin: 0 auto;}
.client_logo { margin: 10px 0;}
.cl_logo img { width: 100px;}
.client_logo {    border: 1px solid #e5e5e5;    padding: 20px;}
.cl_logo { padding: 10px 0;}
.home .banner img {  height: 415px;}
.home .banner figcaption p{display:none}
.home .banner .swiper_main_slide .banner_figcaption {  text-align: center;}
.banner_btn .btn-primary { min-width: inherit;    background-size: contain;}

}

@media screen and (max-width:480px) {
header .main_header .main_logo img {  max-width: 140px;}
.btn, .btn input, .form-submit, input[type="submit"] {min-width: 139px;min-height: 40px;padding:10px 15px 10px 15px;background-size: 100% auto;}
.site_main { padding-top: 109px;}
header .top_header {padding: 6px 0;}
header .top_header ul li a, header .top_header ul li p {  font-size: 12px;}
.site_main {  padding-top: 97px;}
header.sticky .main_header .main_logo img {  max-width: 140px;}
header.sticky .top_header {  padding: 6px 0;}
.banner figcaption h2 {  font-size: 30px;}
/* .banner .swiper-pagination-banner {bottom: 10px;} */
.title_1 .title_main, .title_1 .title_main h2 {  font-size: 28px;}
.why_choose_box {  padding: 25px 15px;}
.after_before .container { max-width: 380px;}
.element-item {  height: 140px;}
.button-group {margin: 0 0 20px;}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {font-size: 10px;}
.cta .cta_wrapper .cta_rgt .d-flex { display: block !important;  text-align: center;}
.cta .cta_wrapper .cta_rgt .btn {  margin-top: 10px;}
.wsanimated-arrow {width: 25px;}
.services_menu ul li a {padding: 13px 20px;}
.left_sidebar aside>h2 {  padding: 0 20px;}
.service_contact_info {  padding: 20px;}
.service_contact_info ul li label {  font-size: 15px;}
.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: 25px;}
.contact_page_form {padding: 40px 15px;}
.contact_info_box {  padding: 50px 15px 30px;}
.map iframe {height: 200px;}
.loader .col p {font-size: 13px;line-height: normal;}
}

@media screen and (max-width:450px) {
.home .banner img { height: 360px;}
}

@media screen and (max-width:380px) {
.title_1 .title_main, .title_1 .title_main h2 {  font-size: 24px;}
.title_1>span { font-size: 12px;}
section { padding: 40px 0;}
.service_box figcaption {  padding: 20px 10px 40px 10px;}
.after_before .container { max-width: 320px;}
.element-item {  height: 117px;}
header .main_header .main_logo img, header.sticky .main_header .main_logo img { max-width: 120px;}
header .main_header .header_right .btn {font-size: 11px; min-width: 120px;}
.loader .col span {  font-size: 25px;}
.home .banner img { height: 323px;}

}

@media screen and (max-width:350px) {
.home .banner img { height: 277px;}


}