@media screen and (min-width:992px) {
.wsmenu .wsmenu-list {float: right;}
.wsmenu>.wsmenu-list>li+li { margin-left: 50px;}
.wsmenu>.wsmenu-list>li ul.sub-menu:before {content: ""; position: absolute; top:1px;left: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 7px solid #ffffff; border-color: transparent transparent #ffffff #ffffff; -webkit-transform-origin: 0 0;transform-origin: 0 0; -webkit-transform: rotate(135deg);transform: rotate(135deg); -webkit-box-shadow: -2px 2px 2px -1px rgb(60 72 88 / 15%); box-shadow: -2px 2px 2px -1px rgb(60 72 88 / 15%);}
.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 {opacity: 0.8;}
.wsmenu>.wsmenu-list>li.selected>a {font-family: 'InterTightSemiBold';}

/*li#menu-item-62 .sub-menu { display: block !important; opacity: 1;visibility: visible;}*/

.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu { width: 1170px;padding:30px 340px 10px 30px;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu ul.sub-menu { position: static !important; float: left; width: 100%; margin: 0 !important;box-shadow: none;opacity: 1 !important;visibility: visible !important;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper ul.sub-menu ul.sub-menu:before {display: none;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li>a {background-color: #f5f5f5;border-bottom: 1px solid #f5f5f5;padding: 7px 15px;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li.selected>a  {background-color: #f5f5f5;color: #f5f5f5;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li {width: 25%;float: left;position: static;margin-bottom: 20px;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li+li { margin-left: 8%;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li>a:before { display: none;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu ul.sub-menu ul.sub-menu {padding-left: 15px;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu ul.sub-menu li a {font-family: 'InterTightLight';position: static;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li>.sub-menu {margin-top: 7px !important;min-width: 100%;padding: 0;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu>li>.sub-menu li {position: static !important;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {display: flex;align-items: center; justify-content: unset;text-align: left;font-size: 16px;}

span.wsmenu-click+a:after{content:"\f078";margin-left:5px;font-family:'FontAwesome';font-size:12px;position:relative;bottom:4px;}
.wsmenu > .wsmenu-list > li:hover ul.sub-menu{opacity:1;visibility:visible;margin-top:0px;display:block;}
.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: #f5f5f5;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%;}*/

.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_img span:before{position: absolute;opacity: 0; left:50%;top:50%;transform:translate(-50%, -50%);content: "";width: 14px;height: 15px;background: url(../images/right.svg);background-position: center; background-repeat: no-repeat;background-size: 14px 15px;display: inline-block; margin-left:1px;z-index: 2;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 .hover_img span:before {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:hover .hover_img span:after{opacity:1;width:60px;height:60px;}
.hover_box .hover_img span:after{content:"";position:absolute;border-radius: 100%; left:50%;top:50%;border:2px solid #777777;width:100%;transform:translate(-50%, -50%);height:100%;opacity:0;z-index:22;}
.hover_box .hover_img a{overflow:hidden;}
.hover_box:hover .hover_img:before {opacity: 0;}
.hover_box:hover .hover_img:after{width:calc(100% - 0px);height:calc(100% - 0px);background-color:rgb(0 0 0 / 70%);}
.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;}
.hover_box:hover>a img{transform:scale(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 figcaption h2 a {}

.btn-primary:hover, .es_subscription_form input[type=submit]:hover, .form-submit:hover {background-color: #000000 !important;}
.wsmenu>.wsmenu-list>li>ul.sub-menu li>a:after { position: absolute; content: "";width: 15px;height: 1px;background-color: #777777; left: -20px; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; font-size: 15px; font-family: FontAwesome; display: flex; align-items: center; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: 0 }
.wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a:after, .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a:after { left: 25px; opacity: 1 }
.wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a, .wsmenu>.wsmenu-list>li>ul.sub-menu>li a:hover { color:#777777;padding-left: 50px }
.wsmenu>.wsmenu-list>li>ul.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:#777777;padding-left: 50px;}

.more_btn:hover {color: #777777;}
.more_btn:hover svg {fill: #777777;margin-left: 15px;}
.top_footer .contact_info_box>a:hover {color: #777777;}

.social_media ul li a:after {position: absolute;content: "";height: 0px;width: 0px;margin: auto;top: 50%;left: 50%;z-index: -1;border-radius: 100px; transform: translate(-50%, -50%); opacity: 0;background-color: #777777;}
.social_media ul li a:hover:after {width: 30px;height: 30px;opacity: 1;}
.contact_info>ul>li .contact_info_cnt a:hover {color: #000000;}
.social_media ul li a:hover {color: #ffffff !important;}

.mobile_cta {display: none;}
.banner .social_media:hover:after { width:calc(100% - -20px);border-radius: 100px; height: 100%; background-color: #777777;}
.banner .social_media ol li a:hover {background-color: #ffffff;color:#777777; }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {position: absolute;content: "";z-index: -1; height: 0px;width: 0px;transform: translate(-50%, -50%);left: 50%;top: 50%;background-color: #777777;border-radius: 100px;}
.banner .swiper-button-next:hover:after, .banner .swiper-button-prev:hover:after {width: 30px;height: 30px;}
}


@media screen and (max-width:1600px) {
.banner .social_media {left: 15px;}	
.banner .swiper-slide img {position: absolute; top: 50%;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%);max-height: 760px;width: auto !important;max-width: unset !important;}
.banner .swiper-slide {height: 710px;overflow: hidden;}
.banner_contact {bottom: 20px;}
.banner figcaption h2 {font-size: 50px;}
.banner .arrow_main {bottom: 40px;}
}

@media screen and (max-width:1550px) {
.banner figcaption { padding-left: 25px;}
}

@media screen and (max-width:1500px) {
.banner figcaption { padding-left: 40px;}
.banner .social_media {  left: 10px;}
.front_page_content_sub .image_wrapper {  margin-left: -10px;}
}

@media screen and (max-width:1400px) {
.wsmenu>.wsmenu-list>li+li { margin-left: 40px;}	
.front_right_cnt { padding-left: 20px;}
.map iframe {height: 400px;}
.projects_services_box figcaption h2 {  font-size: 22px;}
.earned_box .h2 {  font-size: 40px;}
.front_right_cnt .earned_box .h2 {  font-size: 30px;}
.top_footer .title_1 .title_main h2 { font-size: 45px;}
}

@media screen and (min-width:1199px) {
.front_right_cnt p { font-size: 18px;}
.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: 400px}

}

@media screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li+li { margin-left: 20px;}
.wsmenu>.wsmenu-list>li>a {font-size: 15px;}
.process_box {padding: 25px 20px;}
.process_box .process_title h2 {font-size: 25px;}
.process_box .process_title .process_icon svg {  height: 40px;}
.front_right_cnt { padding-left: 0;}
.earned_box p {  font-size: 16px;}
.earned_box .h2 {  font-size: 50px;}
.middle_footer .footer_links_box.links {  padding-left: 50px;}
.middle_footer .footer_links_box.company_links { padding-left: 0;}
.middle_footer .footer_links_box.newsletter { padding-left: 20px;}
.middle_footer .footer_links_box ul li a, .middle_footer .footer_links_box ul li, .middle_footer .footer_links_box p, .copyright p {  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: 38px;}
.inner_banner { height: 350px}
.single_service_content img.alignright { width: 45%;margin: 0 0 15px 15px;}
.sidebar_listing {padding-left: 25px;}
.request_a_quote_form {padding-left: 30px;padding-right: 30px;}
.map iframe {height: 300px;}
.size_of_market_box h2 {  font-size: 23px;}
.size_of_market_box {padding: 30px 20px;}
.we_have_earned .col { width: 50%; flex: auto;}
.top_footer .title_1 .title_main h2 { font-size: 40px;}

}

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


@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: 250px; background: #000000; padding-bottom: 0; margin-left: -250px; 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: #f5f5f5;}
.wsmenu>.wsmenu-list>li.selected>a  {color:#777777; 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;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;}
.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:#f5f5f5; 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:#f5f5f5; 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 {text-decoration: none;position: relative;}
.wsmenu>.wsmenu-list>li ul.sub-menu {min-width: calc(100% + 0px);padding:0px 0 0px 0px;box-shadow: none;background-color: #ffffff;}


header {padding: 20px 0;}
header.sticky .main_logo img {max-width: 150px;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;}
.banner figcaption { text-align: center;padding: 0 50px;}
.banner_contact ul li .banner_contact_cnt a { font-size: 25px;}
.banner_contact ul li .banner_contact_cnt span {font-size: 16px;}
.swiper-pagination-bullet { margin-right: 30px;}
.swiper-pagination-bullets:after {left: calc(100% - 5px);}
.banner .swiper-slide { height: 600px;}
.banner .swiper-slide img {max-height: 600px;}

.title_1 .title_main { font-size: 35px;}
.completed_projects .h2 {  font-size: 100px;}
.project_box figcaption h2 {font-size: 22px;}
.project_box figcaption p { font-size: 16px;}
.project_box figcaption h2:after {width: 50px;}
.project_box figcaption { padding-left: 65px;margin-top: 15px;}
.quick_enquiry .title_1.text-left .title_main br {display: none;}

.earned_box p {  font-size: 15px;}
.top_footer {padding: 60px 0;}
.top_footer .title_1 {  margin-bottom: 40px;}
.middle_footer .footer_links_box.links {  padding-left: 0;}
.middle_footer .footer_links_box.newsletter {  padding-left: 0;}
.middle_footer { padding: 60px 0 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;}

.wsmenu>.wsmenu-list>li+li { margin-left: 0;}
.wsmenu>.wsmenu-list>li>a, header.sticky .wsmenu>.wsmenu-list>li>a {  padding: 10px 15px;}
.wsmenu>.wsmenu-list>li>a {border-bottom: 1px solid rgb(255 255 255 / 25%);}
.io_cnt .col2 { column-count: 1;}
h1, .h1{font-size:30px;}
h2, .h2{font-size:25px;}
h3, .h3{font-size:20px;}
.front_page_content2 .front_right_cnt {  padding-left: 15px;}
.page_cnt_1 h2 strong {font-size: 35px;}
.top_footer .contact_info_box>a {font-size: 25px;word-wrap: break-word;}
.page_404 {  padding-top: 120px;}
}


@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: #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: 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 #ffffff; }
.list-style-none.mobile-accordion-toggle { display: none;padding:0px; margin:10px 0 20px 0; width: 100%; float: left; }   
footer .top_footer .footer_links_box .title:after {display: none;}
footer .top_footer .footer_links_box .title {margin-bottom: 0;}


.banner_contact ul li .banner_contact_icon {width: 52px; height: 52px;}
.banner_contact ul li .banner_contact_icon svg { height: 25px;}
.banner_contact ul li .banner_contact_cnt a { font-size: 20px;}
.banner_contact ul li .banner_contact_cnt span { font-size: 13px;}
.swiper-pagination-bullet {font-size: 16px;margin-right: 20px;}
.swiper-pagination-bullets:after {width: 70px;}
.swiper-pagination-bullets { margin-right: 70px;}
.banner_contact ul li .banner_contact_cnt { padding-left: 10px;}
.banner figcaption h2 {  font-size: 40px;}
.banner figcaption p {  font-size: 16px;}
.banner .swiper-slide { height: 550px;}
.banner .swiper-slide img {max-height: 550px;}
.title_1 .title_main br {display: none;}
.title_1 .title_main { font-size: 32px;}
.title_1 p {font-size: 16px;}
section {padding: 50px 0;}
.title_1 {margin-bottom: 30px;}
html, body {font-size: 15px;}
.process_box .process_title h2 { font-size: 22px;    margin-left: 13px;}
.process_box .process_title .process_icon svg { height: 35px;}
.more_btn {font-size: 16px;}

.front_page_content_sub .image_wrapper { margin-left: 0;border-radius: 0px;}
.front_page_content:after {display: none;}
.front_right_cnt { padding: 0 15px;}
.front_page_content_sub .image_wrapper {margin-right: 0px;}
.project_box figcaption h2 { font-size: 18px;}
.project_box figcaption h2:after {  width: 40px;}
.project_box figcaption {  padding-left: 55px;}
.project_box figcaption p {  font-size: 15px;}
.blog_box ul li {font-size: 13px;}
.right_testimonials .arrow_main {    left: calc(100% - -24px);}
.testimonials .front_right_cnt {padding-right: 99px;}
.quick_enquiry_form {margin-top: 0px;}

.top_footer .contact_info_box>a {  font-size: 22px;}
.top_footer .contact_info_box p {font-size: 16px;}
.middle_footer .footer_links_box .title { margin-bottom: 5px;}
.middle_footer {  padding: 40px 0 0px;}

.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: 300px}
.inner_breadcrumb ol li {font-size: 14px;}
ul.tab li button {font-size: 16px;}
ul.tab li+li { margin-left: 15px;}
ul.tab {margin-bottom: 20px;}
.sidebar_listing { padding-left: 0; border-left: none; border-top: 1px solid #dddddd;  padding-top: 25px;}
.sidebar_listing ul li a {padding: 7px 0;}
.io_sub .io_wrapper { padding: 30px 0;}
h1, .h1{font-size:28px;}
h2, .h2{font-size:23px;}
h3, .h3{font-size:19px;}
.size_of_market_number_box h2 {  font-size: 45px;}
.size_of_market_nmr .row [class*="col-"]:nth-child(2) .size_of_market_number_box h2 {  font-size: 35px;}
.size_of_market_nmr .row [class*="col-"]:nth-child(3) .size_of_market_number_box h2 {  font-size: 20px;}
.earned_box .h2 {  font-size: 30px;}
.page_cnt_1 h2 strong {  font-size: 30px;}
.top_footer .title_1 .title_main h2 { font-size: 33px;}
#btn-back-to-top {bottom: 10px;}
}





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



@media screen and (max-width:575px) {
.main_logo img { max-width: 170px;}
.banner .arrow_main { bottom: 30px;}
.banner_contact ul li .banner_contact_icon { width: 45px; height: 45px;}
.banner_contact ul li .banner_contact_icon svg { height: 22px;}
.banner_contact ul li .banner_contact_cnt a { font-size: 16px;}
.banner_contact ul li .banner_contact_cnt span {font-size: 12px;margin: 0;}
.swiper-pagination-bullet { font-size: 14px; margin-right: 16px;}
.btn, .btn input, .form-submit { min-width: 150px; font-size: 14px;padding: 13px 20px 14px 20px;}
.btn:after {background-size: 11px 13px;margin-left: 4px;}
.banner figcaption p { font-size: 15px;}
.banner figcaption h2 { font-size: 35px;}
.banner .social_media {  left: 5px;}
p {margin-bottom: 20px;}
.title_1 p {font-size: 15px;}
.title_1.vertical_line .title_main {  margin-bottom: 100px;}
.title_1.vertical_line .title_main:after {height: 70px;top: calc(100% - -20px);}
section {padding: 40px 0;}
.welcome_content_sub { padding-bottom: 180px;}
.more_btn {  font-size: 15px;}
.more_btn svg { height: 11px;}
.process_box .process_title h2 {  font-size: 20px;}
.process_box {  padding: 25px 15px;}
.front_page_content_sub {padding: 40px 0;}
.completed_projects .h2 {  font-size: 80px;}
.completed_projects h3 {   font-size: 14px;}
.title_1>span {margin-bottom: 20px;font-size: 16px;}
.earned_box p {  font-size: 13px;}
.earned_box .h2 { font-size: 35px;}
.blog_box figcaption h2 {   font-size: 18px;}
.blog_box ul li {font-size: 12px;padding: 5px 10px 3px 10px;}
.input-box .input, .select, .woocommerce-address-fields .input-text, .es_subscription_form input {height: 45px;padding: 10px 15px;}
.input-box { margin: 0 0 15px 0;}
.quick_enquiry_form .submit_btn .btn { height: calc(100% - 15px);}
.select-box svg {right: 15px;max-width: 12px;}
.quick_enquiry .submit_btn .btn:after {background-size: 30px auto;}
div span.wpcf7-not-valid-tip, label.error {font-size: 10px; padding: 1px 5px;line-height: normal;}
.top_footer .contact_info_box>a { font-size: 20px;}
.top_footer .contact_info_box p {  font-size: 15px;}
.top_footer { padding: 40px 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: 26px;}
.inner_banner { height: 250px}
.inner_breadcrumb ol li {font-size: 12px;}
.inner_breadcrumb ol li + li {margin-left: 15px;}
.inner_breadcrumb ol li:after { right: -12px;}
.people_box figcaption h2 { font-size: 16px;}
.people_box figcaption p { margin-bottom: 3px; font-size: 13px;}
.people_box figcaption {padding: 20px 15px;}
.people_box {    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);}
ul.tab li button {  font-size: 14px;}
ul.tab li+li { margin-left: 10px;}
ul.tab { margin-bottom: 10px;}
.blog_detail figcaption { margin-top: 5px;}
.comment-form-comment textarea {  height: 150px;}
.io_cnt .title_1 {  margin-bottom: 15px;}
.contact_info>ul>li+li { margin-top: 15px;  padding-top: 15px;}
.contact_info>ul>li .contact_info_cnt span {  font-size: 16px;}
.map iframe {height: 250px;}
h1, .h1{font-size:26px;}
h2, .h2{font-size:21px;}
h3, .h3{font-size:18px;}
h4, .h4 {  font-size: 16px;}
.earned_box span.dec {padding: 0;}
.we_have_earned .row .col { max-width: 100%; width: 100%;   min-width: 100%;}
.earned_box { padding: 20px 15px;  border: 1px solid #ffffff;}
.front_page_content .earned_box {padding: 15px 15px;border: 5px solid #f5f5f5;}
.page_cnt_1 h2 strong {  font-size: 25px;}
.page_cnt_1 {    margin-bottom: 20px;}
.top_footer .title_1 .title_main h2 {  font-size: 28px;}
.inner_banner .inner_caption {margin-top: 80px;}
.page_404 {  padding-top: 90px;}
}


@media screen and (max-width:480px) {
header {padding: 15px 0;}
header.sticky .main_logo img { max-width: 130px;}
.swiper-button-prev {  margin-right: 30px;}
.banner figcaption { padding: 0 35px;margin-bottom: 30px;}
.banner figcaption h2 { font-size: 30px;}
.banner figcaption p {  font-size: 14px;}
.swiper-pagination-bullets:after { width: 50px;}
.swiper-pagination-bullets { margin-right: 50px;}
.banner .swiper-slide { height: 500px;}
.banner .swiper-slide img {max-height: 500px;}
.banner_contact ul li .banner_contact_cnt a {  font-size: 15px;}
.banner_contact ul li .banner_contact_icon { width: 40px; height: 40px;}
.banner_contact ul li .banner_contact_icon svg {  height: 20px;}
.banner_contact ul li .banner_contact_cnt {  padding-left: 7px;}
.swiper-pagination-bullets:after {  width: 40px;}
.swiper-pagination-bullets {  margin-right: 35px;}
.banner .social_media ol li a {font-size: 13px;}
.btn, .btn input, .form-submit { min-width: 130px; font-size: 13px;padding: 12px 20px 13px 20px;}
.banner figcaption { padding: 0 25px;}
section {padding: 30px 0;}
.title_1 .title_main { font-size: 26px;}
.title_1.vertical_line .title_main:after { height: 50px; top: calc(100% - -10px);}
.title_1.vertical_line .title_main { margin-bottom: 75px;}
.title_1 { margin-bottom: 15px;}
html, body { font-size: 14px;}
.front_page_content_sub {padding: 30px 0;}
.project_box figcaption { padding-left: 50px;margin-top: 10px;}
.project_box figcaption h2:after {right: calc(100% - -10px);}
.project_box figcaption p {  font-size: 14px;}

.we_have_earned .row  {justify-content: center;}
.quick_enquiry_form .submit_btn {max-width: 118px;}
.quick_enquiry_form {padding-right: 130px;}
.quick_enquiry_form .submit_btn .btn input {padding: 43px 15px 0 15px;}

.top_footer .contact_info_box>a {  font-size: 18px;  letter-spacing: 0;}
.top_footer .contact_info_box p {  font-size: 14px; letter-spacing: 0;}
.top_footer .title_1 {  margin-bottom: 20px;}
.top_footer .contact_info_box span {font-size: 12px;}
.middle_footer {  padding: 30px 0 0px;}
.middle_footer .footer_links_box ul li a, .middle_footer .footer_links_box ul li, .middle_footer .footer_links_box p, .copyright p { font-size: 14px;}
.int_brands_box p { margin-top: 7px; font-size: 15px;}
.people_box figcaption {  padding: 15px 10px;}
ul.tab li { width: 50%; float: left; margin: 3px 0px 3px 0px !important; text-align: left;}
.single_service_content img.alignright { width: 100%; margin: 0 0 15px 0px;}
.comments {padding-left: 15px; padding-right: 15px;}
.request_a_quote_form { padding-left: 15px;  padding-right: 15px;}
.projects_services_box figcaption {  padding: 30px 15px;}
.size_of_market_box { padding: 25px 15px;}
.size_of_market_number_box span {top: -15px;}
.front_right_cnt .earned_box .h2 {  font-size: 25px;}
.page_404 {  padding-top: 70px;}
}

@media screen and (max-width:380px) {
.main_logo img {max-width: 140px;}
header.sticky { padding: 10px 0;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;}
.swiper-button-prev { margin-right: 25px;}
.swiper-pagination-bullet { font-size: 12px; margin-right: 13px;}
.swiper-pagination-bullets:after { width: 30px;}
.swiper-pagination-bullets {  margin-right: 25px;}
.banner_contact ul li .banner_contact_cnt a {  font-size: 14px;}
.banner figcaption h2 { font-size: 28px;}
.testimonials .completed_projects .h2 {  font-size: 160px;}
section:not(.banner) .swiper-button-next, section:not(.banner) .swiper-button-prev { width: 40px; height: 40px;display: inline-flex;}
.testimonials .front_right_cnt { padding-right:15px;}
.right_testimonials .arrow_main { position: static;top: auto;left: auto; transform: unset;width: 100%;margin-top: 20px;}
.right_testimonials .swiper-button-prev {  margin-right: 15px;  margin-top: 0;float: left;}
.quick_enquiry_form .submit_btn .btn input {  padding: 43px 10px 0 10px;font-size: 13px;}
.quick_enquiry_form .submit_btn { max-width: 100px;}
.quick_enquiry_form { padding-right: 110px;}
.top_footer .contact_info_box span {font-size: 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: 23px;}
.inner_banner { height: 220px}
.inner_breadcrumb ol li {font-size: 10px;}
.people_box figcaption p { font-size: 12px; letter-spacing: 0;}
.size_of_market_box h2 {  font-size: 21px;}
}


@media screen and (max-width:360px) {
.top_footer .contact_info_box>a {  font-size: 16px;}
.people_box figcaption h2 { font-size: 14px;}
.people_box figcaption { padding: 12px 5px;}
.people_box figcaption p { font-size: 11px;}
}