@media screen and (min-width:992px) {
.wsmenu .wsmenu-list {}
.wsmenu>.wsmenu-list>li+li {position: relative;margin-left: 36px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu li>a:after { position: absolute;color: #ffffff; content: "\f054";left: -20px; top: 0; bottom: 0; margin: auto;display: flex;align-items: center;font-size: 13px;font-family: FontAwesome;display: flex;align-items: center;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; opacity: 0;}
.wsmenu>.wsmenu-list li>ul.sub-menu li:hover>a: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 { left: 15px; opacity: 1;}
.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 { padding-left: 30px; }
.wsmenu>.wsmenu-list>li ul.sub-menu:before {content: "";position: absolute;top: 2px;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 > 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;}
.ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target:before {position: absolute;content: "";height: 2px;width: 0px;background-color: #21313f;bottom: 30px;left: 0;right: 0;margin: auto;}
header.sticky .ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target:before {bottom: 11px;}
.ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target:hover:before, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target:before {width: 100%;}
.wsmenu>.wsmenu-list>li.selected>a {}

.hover_img {width: 100%;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 #fff;width:100%;transform:translate(-50%, -50%);height:100%;opacity:0;z-index:22;}
.hover_box .hover_img a {width: 100%;float: left; overflow: hidden;position: relative;}
.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.05);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(38 33 97 / 90%);}
.hover_box:hover .hover_img>a:after {width: calc(100% - 0px);height: calc(100% - 0px);}
.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 h2 {color: #546b6e;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.hover_box:hover .hover_img {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 .hover_img 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 .hover_img span:after {position: absolute; content: "";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 figcaption h2 {color: #262161;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;}
.mobile_menu {display: none;}
.wsmenu>.wsmenu-list>li.menu-item-has-children { margin-right: 16px;}

span.wsmenu-click+a:after{position: absolute;content: "";height: 10px;width: 2px;background-color: #ffffff;right: -12px;top: 0;bottom: 0;margin: auto;}

span.wsmenu-click+a:before{position: absolute;content: "";width: 10px;height: 2px;background-color: #ffffff;right: -16px;top: 0;bottom: 0;margin: auto;}

.wsmenu>.wsmenu-list>li:hover>a:before { transform: rotate(-180deg);background-color: #262161;}

.wsmenu>.wsmenu-list>li:hover>a:after {  transform: rotate(90deg);background-color: #262161;}
.btn:after{position:absolute;content:"";height:0px;width:0px;margin:auto;top:0;bottom:0;left:0;right:0;opacity:0;background-color:#ffffff;z-index:-1;border-radius: 7px;}
.btn:hover:after{opacity:1;height:calc(100% - 10px);width:calc(100% - 10px);}
.btn-primary:hover{color:#262161 !important;background-color:#262161 !important;}
.btn-primary:hover input {color:#262161 !important;}
.btn-bordered:hover, .btn-bordered:hover input{color:#ffffff !important;}
.btn-bordered:after {background-color: #262161;}
.btn-bordered.white:after {background-color: #ffffff;}
.btn-bordered.white:hover {color: #262161 !important;}
.btn-primary:hover svg{fill:#262161 !important;}
.service_box figcaption .btn:hover svg {fill: #ffffff !important;}
/*.wsmenu>.wsmenu-list>li>a:after, .wsmenu>.wsmenu-list>li>a:before {position: absolute;content: "";height: 2px;width: 100%;transform: translate(-50%, -50%); top:50%;left: 50%;background-color: #ffffff;opacity: 0;}
.wsmenu>.wsmenu-list>li>a:hover:after, .wsmenu>.wsmenu-list>li.selected>a:after {top: 0;opacity: 1;}
.wsmenu>.wsmenu-list>li>a:hover:before, .wsmenu>.wsmenu-list>li.selected>a:before {top:calc(100% - -2px);opacity: 1;}
*/
.social_media ul li a:after {position: absolute;content: "" !important; width: 0px;height: 0px;background-color: #262161;border-radius: 5px; margin: auto;transform: translate(-50%, -50%); top:50%;left: 50%;opacity: 0;z-index: -1;}
.social_media ul li a:hover:after {height: 25px;width: 25px;opacity: 1;}
.social_media ul li a:hover {color: #ffffff;}
.about_service_box figcaption>a:hover {color: #ffffff;background-color: #000000;}
.about_service_box figcaption a:hover h2 {color: #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;}

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

header .main_header .header_info_right ul li.header_search {display: none;}


.wsmenu>.wsmenu-list>li:hover>a, .wsmenu>.wsmenu-list>li.selected>a {color: #27aae2;}
.wsmenu>.wsmenu-list>li.selected>span.wsmenu-click+a:after, .wsmenu>.wsmenu-list>li.selected>span.wsmenu-click+a:before {background-color:#ffffff; }

.main_header .header_info ul li .header_info_cnt svg {display:none;}
.wsmenu-click02:before, .wsmenu-click02:after { content: ""; display: block;z-index: 2; width: 6px; height: 10px; position: absolute; right: 10px; top: 0;bottom: 0; margin: auto; background-size: 6px auto; }
.wsmenu-click02:before { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='13px' viewBox='0.5 190.5 6 10'%3e%3cpath fill='%23333333' d='M6.337,195.109l-4.545-4.449c-0.105-0.104-0.245-0.16-0.395-0.16c-0.149,0-0.29,0.057-0.395,0.16l-0.334,0.327 c-0.218,0.214-0.218,0.561,0,0.774l3.816,3.736l-3.821,3.74c-0.105,0.104-0.163,0.241-0.163,0.387 c0,0.147,0.058,0.285,0.163,0.387l0.334,0.328c0.105,0.104,0.246,0.16,0.396,0.16s0.29-0.057,0.395-0.16l4.549-4.453 c0.105-0.104,0.164-0.242,0.163-0.389C6.5,195.352,6.442,195.213,6.337,195.109z'/%3e%3c/svg%3e"); }
.wsmenu-click02:after { opacity: 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='13px' viewBox='0.5 190.5 6 10'%3e%3cpath fill='%23ffffff' d='M6.337,195.109l-4.545-4.449c-0.105-0.104-0.245-0.16-0.395-0.16c-0.149,0-0.29,0.057-0.395,0.16l-0.334,0.327 c-0.218,0.214-0.218,0.561,0,0.774l3.816,3.736l-3.821,3.74c-0.105,0.104-0.163,0.241-0.163,0.387 c0,0.147,0.058,0.285,0.163,0.387l0.334,0.328c0.105,0.104,0.246,0.16,0.396,0.16s0.29-0.057,0.395-0.16l4.549-4.453 c0.105-0.104,0.164-0.242,0.163-0.389C6.5,195.352,6.442,195.213,6.337,195.109z'/%3e%3c/svg%3e"); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover .wsmenu-click02:before, .wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected .wsmenu-click02:before, .wsmenu>.wsmenu-list>li>ul.sub-menu>li.current-menu-parent .wsmenu-click02:before {opacity: 0;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover .wsmenu-click02:after, .wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected .wsmenu-click02:after, .wsmenu>.wsmenu-list>li>ul.sub-menu>li.current-menu-parent .wsmenu-click02:after { opacity: 1; }
.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{background-color: #262161; color: #ffffff;}

.uploadcv {margin: 0;}
.title_1 .title_main {font-size: 35px;}
.btn-primary.white:hover {background-color:#ffffff !important;color: #ffffff !important;}
}

@media screen and (max-width:1500px) {
.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: 800px;width: auto !important;max-width: unset !important;}
.banner .swiper-slide {height: 800px;overflow: hidden;}
.banner .swiper-button-prev {left: 15px;}
.banner .swiper-button-next {right: 15px;}
.swiper-button-next, .swiper-button-prev {width: 40px;height: 40px;}
}

@media screen and (max-width:1400px) {
.testimonials { background-size: 30% auto !important;}	
.project_box figcaption h2 {  font-size: 15px;}
}

@media screen and (max-width:1300px) {
.banner .swiper-button-next, .banner .swiper-button-prev {position: static;left: auto;right: auto;display: inline-flex;margin-right: 5px;}
.banner .arrow_main {position: absolute;bottom: 30px;z-index: 2;padding: 0 10px;}
.blog .swiper_main_slide, .services .swiper_main_slide {padding: 0 40px;}
.blog .swiper-button-prev-blog, .services .swiper-button-prev-service {  left: -10px;}
.blog .swiper-button-next-blog, .services .swiper-button-next-service {right: -10px;}
}

@media screen and (max-width:1200px) {
header .main_header .header_info_right ul li+li {margin-left: 20px; padding-left: 20px;}
.wsmenu>.wsmenu-list>li+li {  margin-left: 35px;}
.about_cnt { padding-left: 30px;}
.title_1 .title_main {font-size: 40px;}
.about_cnt p strong { font-size: 20px;}
.small_img {    margin-top: -120px;}
.newsletter {padding: 62px 35px 62px 35px;}
.footer_links_box.footer_dtls ul li a, .footer_links_box.footer_dtls ul li p {font-size: 16px;}
.service_category, .serfvice_cta {padding: 20px;}
.single_product_cta ul li {   padding: 20px 20px;}
}



@media screen and (max-width:1100px) {
header .main_header .header_info_right ul li+li { margin-left: 15px; padding-left: 15px;}
header .main_header .logo_main img { max-width: 250px;}
.bottom_header .menu_sub {padding: 18px 20px;}
.about_cnt {  padding-left: 0;}
.wsmenu>.wsmenu-list>li+li { margin-left: 25px;}
.inner_banner .inner_caption {margin-top: 190px;}
}


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

@media screen and (max-width:991px) {
html { height: 100%; -webkit-overflow-scrolling: touch; }
body { height: 100%; overflow-y: auto; overflow-x: hidden; }
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: 280px; background: #fff; padding-bottom: 0; margin-left: -280px; 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 32px 12px 17px; font-size: 14px; text-align: left; border-right: solid 0px; background-color: transparent; color: #666666; line-height: 25px; border-top: 1px solid; border-top-color: rgba(0, 0, 0, 0.13); position: static; line-height: normal;}
.wsmenu>.wsmenu-list>li:first-child>a { border-top: none !important;}
.wsmenu>.wsmenu-list>li.selected>a, .wsmenu>.wsmenu-list>li.selected>a:focus, .wsmenu>.wsmenu-list>li:hover>a, .wsmenu>.wsmenu-list>li.current_page_ancestor>a { background-color: #262161; color: #fff; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li.selected>a {color:#262161; }
.wsmenu>.wsmenu-list>li:hover .wsmenu-click>i:before { border-color: #fff; }
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before { border-color: #fff; }
.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 { min-width: 100%; white-space: unset; }
.wsmenu>.wsmenu-list>li>ul.sub-menu { display: none; position: relative; top: 0px; background-color: #fff; border: none; padding: 0px; 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>a { font-size: 14px; padding: 10px 0px 10px 38px; border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:after { position: absolute; content: ""; height: 3px; width: 8px; background-color: #909090; left: 20px; margin: auto; top: 20px; }
.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>a:hover { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>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 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: 14px; padding: 10px 0px 10px 56px; color: #383838; border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:first-child>a { border-top: 1px solid rgba(0, 0, 0, 0.13);}
.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: 25px;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: 100%; background: #262161; 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; }
.wsactive .wsanimated-arrow span { background: #fff; }
#wsnavtoggle span:nth-child(1) { top: 0px; }
#wsnavtoggle span:nth-child(2), #wsnavtoggle span:nth-child(3) { top: 12px; }
#wsnavtoggle span:nth-child(4) { top: 24px; right: 0; float: right; left: auto; }
.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; top: 0; }
.wsmenu { z-index: 88; }
.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: 41px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 41px; z-index: 55; border-left: 1px solid rgba(0, 0, 0, 0.13); }
.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: #666; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 41px; width: 41px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; z-index: 88; border-left: 1px solid rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 14px 16px 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: rgba(0, 0, 0, 0.40); 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: 19px; }
.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>ul.sub-menu>li.current-menu-parent a { color: #262161; text-decoration: none; position: relative; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.current-menu-ancestor>a:after, .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li.selected>a:after { background-color: #262161; }

header .main_header .header_info_right ul li.header_address {display: none;}
header .main_header .header_info_right ul li .contact_info_cnt {display: none;margin-right: 0;}
header .main_header .header_info_right ul li+li { margin-left: 5px; padding-left: 0;}
header .main_header .header_info_right ul li+li:after {display: none;}
header .main_header .header_info_right ul li .contact_info_icn>a, header .main_header .header_info_right ul li.header_search {width: 35px;height: 35px; display: flex; align-items: center;justify-content: center; background-color: #262161;}
header .main_header .header_info_right ul li .contact_info_icn svg, .cafe-search-toggle-button svg { height: 20px;max-width: 20px; width: auto; fill: #ffffff;}
header .main_header .header_info_right ul li .contact_info_icn { margin-right: 0;}
header .main_header .header_info_right { display: flex;  align-items: center;}
.bottom_header .search_main {display: none;}
.bottom_header .menu_sub { padding: 0;  background: transparent;}
.bottom_header {    margin-bottom: 0;}
.site_main {  padding-top: 116px;}
header.sticky .bottom_header .menu_sub {padding: 0;}
header.sticky {border-bottom: 1px solid #dddddd;}
.cafe-search-toggle-button {line-height: normal;font-size: 0;}
.banner figcaption h2 {font-size: 35px;}
/*.banner figcaption {max-width: 550px;padding: 40px 25px;}*/
.about_service_box figcaption a h2 {  font-size: 19px;}
.about_service_box figcaption>a {max-width: 340px;padding: 20px 70px 20px 20px;}
.about_small_img {margin-top: -115px;max-width: 250px;margin-right: 0;}
html, body {font-size: 15px;}
.successfully_project .successfully_project_right h2 { font-size: 33px;}
.successfully_project .successfully_project_right { min-width: 188px; max-width: 188px;margin-left: 15px;}
.title_1 .title_main {  font-size: 35px;}
.about_cnt .title_1 { margin-bottom: 20px;}
p {margin-bottom: 15px;}
ul, ol { margin: 0 0 20px 0;}
.about_cnt p strong { font-size: 18px;}
section {padding: 60px 0;}
.title_1 {margin-bottom: 30px;}
.services_bg {height: 407px;margin-bottom: -246px;}
.small_img {    margin-top: -80px;}
.why_choose_img>img { max-width: calc(100% - 80px);width: 100%;}
.why_choose_cnt {  padding-right: 0px;}
.getafreequote .getafreequote_form {padding: 40px;}

.partner_logo {height: 100px;}
.map iframe {height: 350px;}
.newsletter h2 {  font-size: 33px;}
.newsletter p { font-size: 15px;}
.newsletter { padding: 42px 25px 42px 25px; border-radius: 25px;}
.emaillist { max-width: 400px;}
.footer_links_box.footer_cnt {  padding-right: 20px;}
.footer_links_box:not(.footer_cnt) { padding-left: 0px;}
.wsmenu>.wsmenu-list>li+li {margin-left: 0;}
.inner_banner { height: 300px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { font-size: 40px;}
.col3 { column-count: 2;}
.service_category ul li a {padding: 10px 15px;font-size: 16px;}
h2, .h2 { font-size: 25px;}
h3, .h3 { font-size: 20px;}
.error404 header {border-bottom: 1px solid #dddddd;}
.page_404 {padding-top: 40px;}
.banner figcaption p {  line-height: normal;}

.copyright .d-flex {display: block !important;text-align: center;}
.copyright p {text-align: center;margin-bottom: 5px;}

.logotext {display: none;}
.banner figcaption {margin-top: 0px;}

.banner .swiper-slide img {max-height: 600px;}
.banner .swiper-slide {height: 600px;}

.front_cnt {  padding: 30px 15px 30px;}
.copyright ul li { float: none;  display: inline-block;}
.inner_banner .inner_caption {margin-top: 0px;}
.single-product .site_main {padding-top: 210px;}
.single_product_cta ul li a {  font-size: 15px;}
.single_product_cta ul li {font-size: 15px;}

.single-product .site_main {  padding-top: 115px;}
}
@media screen and (max-width:880px) {
.newsletter h2 { font-size: 30px;}	
.newsletter p {  font-size: 14px;}
}

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


}


@media screen and (max-width:767px) {
header .main_header .logo_main img { max-width: 200px;}
.site_main { padding-top: 90px;}
header.sticky .main_header .logo_main img { max-width: 140px;}
.banner figcaption h2 { font-size: 28px;}
.banner figcaption { max-width: 470px;}
.banner .swiper-slide { height: 500px;}
.banner .swiper-slide img {max-height: 500px;}
.banner .arrow_main {bottom: 20px;}
.about_service_box .about_service_img img {  width: 100%;}
.about_small_img { margin-top: -225px; max-width: 50%; width: 100%;}
.about_small_img img {width: 100%;}
.about_service_box figcaption>a {  max-width: calc(50% - -82px); width: 100%;}
section { padding: 50px 0;}
.small_img { margin-top: -130px;}
.btn, .btn input {min-width: 140px;padding: 16px 15px 15px 15px;border-radius: 8px;}
.testimonials_box figcaption p { font-size: 18px;}
.testimonials_box .testi_img {margin-bottom: 25px;}
.testimonials_box figcaption .stars {margin-bottom: 10px;}
.testimonials_box figcaption .stars svg { height: 15px; margin: 0px 1px;}
.testimonials_box figcaption h2 {  font-size: 20px;}
.getafreequote .getafreequote_form { padding: 25px;}
.project_box figcaption {width: 100%;float: left;margin-top: 10px;}
.project_box figcaption h2 {font-size: 14px;margin-bottom: 0px;}
.partner_logo img {  max-width: 150px;}
.map iframe {height: 300px;}
.newsletter .d-flex {display: inline-block !important;width: 100%;}
.newsletter {text-align: center;}
.emaillist { max-width: 100%;  margin-top: 15px;}

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;line-height: inherit;}
.footer_links_box { width: 100%; float: left; border:none;margin-bottom: 10px; background-color: transparent;border-bottom: 2px solid #ffffff;padding-bottom: 5px; }
.list-style-none.mobile-accordion-toggle { display: none;padding:0px; margin: 10px 0; width: 100%; float: left; }	
.footer_cnt {  margin-bottom: 15px;}
.request_a_quote_form .input-box textarea.input { height: 150px;}
.inner_banner { height: 250px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { font-size: 35px;}
.service_sidebar aside+aside { margin-top: 15px;}
h2, .h2 { font-size: 22px;}
h3, .h3 { font-size: 18px;}
.banner_form .title_1 .title_main { font-size: 30px;}
.banner figcaption .banner_btn { margin-top: 20px;}
.banner_form_main {  background-color: #3d4142;  padding: 30px 0;}
.banner .swiper-backface-hidden {position: relative;}

header .top_header ul li a, header .top_header ul li { font-size: 12px; letter-spacing: 0;}
.header_option ul li+li { padding-left: 10px; margin-left: 10px;}
.header_option { margin-left: 15px; padding-left: 15px;}
.banner figcaption {padding: 30px 20px;}
.footer_cnt {border-bottom: none;}
.footer_links_box.footer_cnt {  padding-right: 0;}
.contact_info:after {display: none;}
.contact_info { padding-right: 15px;  padding-left: 15px;}

.btn+.btn {  margin-left: 10px;}
.newsletter .title_1, .newsletter .title_1 p, .newsletter .pull-right {text-align: center;width: 100%;}
.banner figcaption p {  font-size: 20px;}
.banner figcaption .banner_btn .btn {  font-size: 18px;}
.howitwork_box {padding: 30px 15px;}
.about_service_box { max-width: 100%;}

.cta_banner .title_1 .title_main {font-size: 40px;}
.front_cnt {padding-top: 0px;}
.woocommerce img, .woocommerce-page img {width: 100%;}
.product_detail_content {margin-top: 30px;}
.single-product .site_main {   padding-top: 92px;}
}

@media screen and (max-width:640px) {
.about_small_img { margin-top:-150px;}
}

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

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



@media screen and (max-width:575px) {
html, body {font-size: 15px;}
.swiper-button-next, .swiper-button-prev {width: 35px;height: 35px;}
.banner figcaption .banner_btn { margin-top: 20px;}
.about_service_box figcaption>a {padding: 15px 60px 15px 15px;}
.about_service_box figcaption a i { width: 52px;}
.about_service_box figcaption>a { max-width: calc(50% - -74px);}
.about_service_box figcaption a h2 {font-size: 17px;}
section { padding: 40px 0;}
.title_1 .title_main { font-size: 30px;}
.title_1 span {font-size: 16px;}
.services_bg {height: 277px; margin-bottom: -144px;}
.service_icon svg {  width: 30px;}
.service_icon {width: 55px;height: 55px;}
.service_box figcaption p {margin-bottom: 15px;}
.more_link { font-size: 16px;}
.more_link svg { width: 15px;}
.why_choose_img>img { max-width: calc(100% - 40px);}
.small_img { margin-top: -150px;}
.banner figcaption p { font-size: 16px;}
.input-box {margin: 0 0 15px 0;}
.input-box .input, .select {height: 40px;padding: 5px 10px;}
.title_1 { margin-bottom: 20px;}
.map iframe {height: 250px;}
.middle_footer { padding: 40px 0 25px 0;}
.testimonials { background-size: 55% auto !important;}
.request_a_quote_form .input-box textarea.input { height: 100px;}
.contact_info>ul>li+li { margin-top: 15px; padding-top: 15px; }
.contact_info>ul>li .contact_info_cnt span {  font-size: 18px;}
.inner_banner { height: 200px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { font-size: 33px;}
h2, .h2 { font-size: 20px;}
h3, .h3 { font-size: 16px;}
.service_category, .serfvice_cta {  padding: 15px;}
.service_category ul li a { font-size: 14px;}
.service_testi .testimonials_box figcaption p {  font-size: 15px;}
h4, .h4 {  font-size: 16px;}
.page_404 {padding-top: 30px;}
.search-wrapper .hover_img img { width: 100%;}
.banner .swiper-slide { height: 450px;}
.banner .swiper-slide img {max-height: 450px;min-height: 450px;}
.banner figcaption h2 {  font-size: 30px;}
.swiper-button-next, .swiper-button-prev { width: 30px;height: 30px;}
.banner_form .title_1 .title_main { font-size: 25px;}
.banner .arrow_main { bottom: 10px;}
.header_option {  display: none;}
.login_box {  padding: 20px 20px 70px 20px;}
.login_box .btn {bottom: 20px;  left: 20px;}
.cta_sub_wrapper {padding: 30px 15px;}
.services .swiper-button-next, .services .swiper-button-prev {  height: 30px;   width: 30px;}
.blog .swiper_main_slide, .services .swiper_main_slide {  padding: 0 30px;}
.blog_box figcaption {  padding: 30px 15px;}
}


@media screen and (max-width:480px) {
header .main_header .logo_main img { max-width: 180px;}
.site_main { padding-top: 96px;}
.banner figcaption h2 { font-size: 30px;}
.banner figcaption {max-width: 400px;padding: 30px 15px;}
.about_small_img {max-width: 45%; margin-top: -110px;}
.about_service_box figcaption>a {  max-width:calc(55% - -66px);padding: 10px 60px 10px 10px;}
.about_service_box figcaption a h2 {  font-size: 16px;}
section { padding: 30px 0;}
.title_1 .title_main { font-size: 25px;}
.title_1 span {font-size: 15px;}
.about_cnt p strong { font-size: 16px;}
html, body {font-size: 14px;}
h3, .h3 {  font-size: 18px;}
.services_bg {  margin-bottom: -172px;}
.title_1 { margin-bottom: 20px;}
.why_choose_img>img {  max-width: calc(100% - 25px);}
.small_img { margin-top: -80px;  width: 55%;}
.testimonials_box figcaption p {  font-size: 16px;}
.testimonials_box figcaption h2 { font-size: 18px;}
.getafreequote .getafreequote_form {  padding: 25px 15px;}
.mt-5  {margin-top: 30px !important;}
.project_box figcaption h2 {  font-size: 16px;}
.project_box figcaption { margin-top: 5px;padding: 13px 5px;}
.map iframe {height: 200px;}
.newsletter {  padding: 30px 15px 30px 15px;  border-radius: 15px;}
.copyright {padding: 15px 0;}
.btn_back_top { width: 30px; height: 30px;border-radius: 4px;}
#btn-back-to-top {bottom: 40px;}
.inner_banner { height: 150px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { font-size: 28px;}
.col2 {  column-count: 1;}
.col3 { column-count: 1;}
header .main_header {  padding: 15px 0;}
.banner figcaption h2 {  font-size: 22px;}
.banner figcaption p { font-size: 14px;}
.btn+.btn {  margin-left: 5px;}
.partner_logo img {max-height: 60px;}
.login_box {  padding: 20px 15px 70px 15px;}
.login_box .btn {bottom: 15px;  left: 15px;}
.cta_banner .title_1 .title_main {  font-size: 33px;}
.btn, .btn input {  font-size: 13px; min-width: 120px;}
.product_box figcaption span.product_title { font-size: 18px; margin-bottom: 5px;}
.single_product_cta ul li { width: 100%;}
.single_product_cta ul {  display: block;}
.single_product_cta ul li+li {  border-left: none;  border-top: 1px solid #bcc0c3;}
}

@media screen and (max-width:479px) {
.gjs-row input[type="submit"] {  position: static; border: 2px solid #ffffff !important;  width: 100%;  margin-top: 10px;border-radius: 5px !important;}	
.gjs-row input[type="email"] {height: 50px;padding: 5px 15px 5px 15px;border-radius: 5px;}
}

@media screen and (max-width:380px) {
header .main_header .logo_main img { max-width: 150px;}	
.wsanimated-arrow {margin-left: 5px;}
header .main_header .header_info_right ul li .contact_info_icn>a, header .main_header .header_info_right ul li.header_search { width: 30px; height: 30px;}
.site_main {  padding-top: 88px;}
.banner figcaption h2 { font-size: 20px;}
.about_small_img { margin-top: -90px;}
.successfully_project .successfully_project_right { min-width: 158px; max-width: 158px; margin-left: 10px;}
.small_img { margin-top: -60px;}
.project_box figcaption h2 {  font-size: 14px;}
.partner_logo img { max-width: 110px;}
.partner_logo { height: 80px;padding: 10px;}
.newsletter h2 { font-size: 25px;}
.newsletter p { font-size: 13px;}
.banner_form .title_1 .title_main { font-size: 20px;}
.btn, .btn input {  min-width: 120px;}
.project_box figcaption h2 {  font-size: 12px;}
.howitwork_box .howitwork_sub_lft .howitwork_icn svg {  width: 25px;}
.howitwork_box .howitwork_sub_lft .howitwork_icn {  margin-right: 15px;}
.howitwork_box .counter_rgt span {  font-size: 50px;}
.single-product .site_main {  padding-top: 88px;}
}


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

}