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

.wsmenu .wsmenu-list {line-height: normal;font-size: 0;}

.wsmenu>.wsmenu-list>li+li { margin-left:40px;}

.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: #7e9b9f;}*/



/*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: 0 0 10px 10px;}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {text-align: left;font-size: 15px;display: flex; align-items: center;  justify-content: space-between;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: #7e9b9f;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:10px;top: -3px;position:relative;}
.wsmenu>.wsmenu-list>li>ul.sub-menu .menu-item-has-children>a:after { content: "\f105"; font-family: 'FontAwesome';top: 0; position: relative; margin-left: 15px;float: right; }
.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:0px;left: 0;right: 0;background-color: #7e9b9f;opacity: 0;margin: auto;}

/*.wsmenu>.wsmenu-list>li:hover>a:before, .wsmenu>.wsmenu-list>li.selected>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{color: #7e9b9f;}



.hover_box:hover .overlay_hover {opacity: 1; -webkit-transform: scale(1) rotateZ(0deg); -moz-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotateZ(0deg); -o-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg);} 

.hover_box:hover .overlay_hover span {opacity: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } 

.hover_box .overlay_hover span:after {position: absolute; content: ""; width: 60px; height: 2px; background-color: #fff; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); top: 50%; }





.hover_box:hover .hover_img span:before{opacity:1;width:40px;height:0;}

.hover_box:hover .hover_img span:after{opacity:1;width:0;height:40px;}

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


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



.hover_box .hover_img img{width: 100%; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-webkit-transform:scale(1);transform:scale(1);}

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


.hover_box:hover>a img{transform:scale(1.1);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.hover_box a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}



.hover_box .hover_img a {overflow: hidden;}

.hover_box .hover_img a:after {position: absolute;content: ""; height: 0px;width: 0px;margin: auto;left: 0;right: 0;bottom: 0;top: 0;background-color:rgb(32 78 156 / 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: #7e9b9f;}

.hover_box:hover .more_btn {color:#7e9b9f; }



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

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

.btn::hover:after {width: calc(100% - 0px); border-radius: 0px; left: 0; }



.btn.bordered:after {background-color: #c0a375;}

.btn.bordered.white::before {background-color: #7e9b9f;}

.btn.bordered.white:hover {color: #222222 !important;}

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



.btn-primary:hover {background-color: #c0a375;color: #ffffff !important;}

.btn-default:hover {background-color: #7e9b9f;}

.btn:after {position: absolute; content: ""; width: 0; height: 0; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 0px; background-color: #252525; z-index: -1; }

.btn:hover:after {height:calc(100% - 8px);width:calc(100% - 8px);}



.btn.white:after {background-color: #ffffff;}
.call_header svg {display: none;}


.services_sec .service_box .service_img img {border-radius: 0px;object-fit: cover; height: 100%;}
.services_sec .service_wrpr .row [class*="col-"]:nth-child(4n + 4) .row, .services_sec .service_wrpr .row [class*="col-"]:nth-child(4n + 3) .row { -webkit-box-orient: horizontal!important;  -webkit-box-direction: reverse!important; -ms-flex-direction: row-reverse!important;    flex-direction: row-reverse!important;}

}





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



}





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



}



@media screen and (max-width:1500px) {
.wsmenu>.wsmenu-list>li+li {  margin-left: 20px;}
header .header_btns {  margin-left: 30px;}
}



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

.wsmenu>.wsmenu-list>li>a {  font-size: 15px;}
header .header_btns { margin-left: 20px;}
.banner figcaption h2 {font-size: 60px;}
.about_cnt {padding: 40px;}
.service_box .service_image {border-radius: 30px;}
.service_box figcaption {    padding: 30px;}
.service_box figcaption h2 {  font-size: 27px;}
.team_box figcaption h2 {font-size: 22px;}
.book_appointment_form { padding-left: 0;}
.book_appointment_lft { padding-right: 20px;}
.testi_box .testi_cmnt {padding: 30px;}
.testi_box .testi_figcaption { padding: 18px 30px 20px 30px;}
.left_sidebar {padding-left: 0;}
.team_box .team_img img { max-height: 384px;}
.our_trams_rgt { float: right; width: calc(50% - -300px);}
.our_trams_lft { padding-right: 20px;}
header .header_btns .btn.bordered {min-width: auto;}
.price_box span { font-size: 45px;}
.price_box {padding: 30px 15px;}
.price_head {min-height: 141px;    padding-bottom: 15px;  margin-bottom: 15px;}
.price_box h2 {    font-size: 20px;}
.price_box ul li { font-size: 15px;}
}



@media screen and (max-width:1300px) {
header .header_btns .btn { padding: 7px 15px 7px 15px;min-width: 160px;}
}

@media screen and (max-width:1250px) {
.wsmenu>.wsmenu-list>li+li { margin-left: 15px;}
header .header_btns .btn { padding: 7px 10px 7px 10px;  min-width: 149px;}

}


@media screen and (min-width:1199px) {
.our_trams .our_trams_sub { position: absolute;left: 0;right: 0;margin: auto;transform: translate(0px, -50%);top: 50%;}
.testimonials { padding-bottom: 175px;}




}



@media screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li>a {  font-size: 13px;}
header .header_btns .btn {   padding: 7px 10px 7px 10px; min-width: 139px;   font-size: 14px;}
header .header_btns .btn svg {  height: 25px;}
header .main_logo img { max-width: 165px;}
span.wsmenu-click+a:after {top: -1px;}
.banner figcaption h2 { font-size: 46px;}
.title_1 .title_main { font-size: 48px;}
.service_box figcaption h2 { font-size: 24px;}
.service_box .service_image { border-radius: 20px;}
.service_box figcaption { padding: 20px;}
.our_trams_rgt { width: calc(100% - 0px);margin-top: 25px;padding: 0 15px;}
.book_appointment_lft {  padding-right: 0; }
.book_appointment_lft .title_1 h3 {    max-width: 100%;}
.testi_gallery { display: none;}
.testi_wrapper { padding: 0px 15px 0 15px;}
.testimonials_slider .swiper-wrapper .swiper-slide:nth-child(odd) .testi_box { margin-top: 100px;}
footer .middle_footer .footer_links_box.contact_menu ul>li+li, footer .middle_footer .footer_links_box.location_menu ul li+li {  margin-top: 30px;}
.left_sidebar aside.service_form {padding: 25px;}
.left_sidebar aside.service_form h2 { font-size: 28px;}
.left_sidebar aside.service_form p { font-size: 18px;}
.inner_banner { min-height: 500px;}
.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;}

.hire_step_cnt h2 {  font-size: 17px;}

.hire_step .row .row [class*="col-"]:first-child .hire_step_box .hire_step_icn:after { background-size: 100% auto !important; width: 160px;left: -8px;height: 107px;}
.hire_step .row .row [class*="col-"]:nth-child(2) .hire_step_box .hire_step_icn:after {background-size: 100% auto !important; height: 165px;right: -8px;width: 107px;top: -8px;}
.hire_step .row .row [class*="col-"]:nth-child(3) .hire_step_box .hire_step_icn:after {background-size: 100% auto !important; height: 165px;left: -8px;width: 107px;bottom: -8px;}
.hire_step .row .row [class*="col-"]:nth-child(4) .hire_step_box .hire_step_icn:after {background-size: 100% auto !important; width: 160px;bottom: -8px;right: -8px;height: 107px;}
.hire_step_icn {width: 78px;height: 78px;}
.hire_step_icn svg { width: 30px; max-height: 30px;}

.hire_step .row .col-xxl-10 {  max-width: 740px;  width:740px;}
.hire_step_cnt p { font-size: 15px;}
.hire_step_cnt h2 {  font-size: 15px;}
.platform_box figcaption span { font-size: 60px;}
.platform_box figcaption h2 {  font-size: 15px;}
.platform_box figcaption p {font-size: 12px;}
.step_main .col {  width: 33.33%;  flex: auto;}
.qrightcloud_page .front_column .col { width: 33.33%; flex: auto;}

.front_column .service_wrpr .col {flex: auto;width: 33.33%;}
}





@media screen and (max-width:1100px) {
header .main_logo img {  max-width: 140px;}
.wsmenu>.wsmenu-list>li+li {  margin-left: 10px;}
header .header_btns {  margin-left: 15px;}
span.wsmenu-click+a:after { top: 0;margin-left: 3px;}
.error404 .page_404 { padding-top: 180px;}
}









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

html { height: 100%; -webkit-overflow-scrolling: touch; }

body.wsactive { overflow: hidden; }

.wsmenucontainer { background-attachment: local; background-position: 33% 0%; }

.wsmenu { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px; }

.wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 270px; background:#252525; 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;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}

.wsmenu>.wsmenu-list>li.selected>a  {    color: #7e9b9f;}

 .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: 14px;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: 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: 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: 0px; margin-top: 0px; }

    #wsnavtoggle span:nth-child(2),#wsnavtoggle span:nth-child(3) {top: 15px; }

    .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: 8px; right: 4px; display: block; cursor: pointer; width: 32px; z-index: 55; border-radius:5px; background-color: #7e9b9f; }

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

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


header .header_btns { margin-left: 0; display: flex; align-items: center;}
.call_header span { display: none;}
.call_header { min-width: 46px !important; width: 46px; padding: 0 !important;}
.call_header svg { margin: 0 !important;}
.banner figcaption h2 {  font-size: 38px;}
.banner figcaption p { font-size: 16px;}
.banner {padding-top: 150px;}
}





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



}



@media screen and (max-width:991px) {
.banner figcaption {  text-align: center;}
.banner figcaption h2 { margin-bottom: 15px;}

section {padding: 60px 0;}
.team_box {border-radius: 20px;}
.team_box figcaption h2 { font-size: 22px; }
.team_box .team_img img { max-height: 344px;}
.testi_box .testi_figcaption img { max-width: 30px;}
.testi_box {border-radius: 10px;}
.testi_box .testi_cmnt {  padding: 25px 20px; }
.testi_box .testi_figcaption {padding: 18px 20px 20px 20px; }
.testi_box .testi_cmnt .stars ul li {font-size: 17px;}
.inner_banner { min-height: 450px;}
.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;}
h1, .h1{font-size:30px;}
h2, .h2{font-size:25px;}
h3, .h3{font-size:20px;}
.modal-header figcaption { padding: 40px 20px 20px 20px;}
.bottom_footer .d-flex {width: 100%;display: inline-block !important;text-align: center;}
span.separator  {display: none;}
.bottom_footer ul li { float: none; display: inline-block;}
.bottom_footer ul { margin: 0; margin-top: 10px;}
.bottom_footer {text-align: center;}
figure.cta_column_box .cta_column_img img {  max-height: 80px;}
figure.cta_column_box .cta_column_img {  margin-bottom: 25px;}
.service_robot_cta .title_1.text-left { text-align: center;}
.image_wrapper img, .image_wrapper {height: auto;}
.banner_img {text-align: center;}
}





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

.book_appointment_lft .title_1 .title_main {font-size: 45px;}

}







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

footer .footer_links_box .title span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

footer .footer_links_box .title span:before { content: ""; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 15px; width: 2px; background: #ffffff; }

.mobile-accordion.in .title span:before { display: none }

footer .footer_links_box .title span:after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 2px; width: 16px; background: #ffffff; }

footer .footer_links_box .title { margin-bottom: 0; font-size: 18px; position: relative; color: #ffffff;line-height: inherit;}

.footer_links_box { width: 100%; float: left; border:none;margin-bottom: 0px; background-color: transparent;border-bottom: 2px solid #7e9b9f; }

.list-style-none.mobile-accordion-toggle { display: none;padding:0px; margin:20px 0 20px 0; width: 100%; float: left; }   
.title_1 .title_main {  font-size: 40px;}
.about_cnt {  padding: 40px 25px;}
.title_1>span {margin-bottom: 15px;}
p, html, body, .cms_page ul li, .cms_page ol li {font-size: 16px;}
.btn, .btn input, .form-submit, input[type="submit"] {min-width: 150px;padding: 12px 25px 12px 25px;}
.service_box figcaption h2 { font-size: 21px;}
.team_box .team_img img {   max-height: 294px;}
.team_box figcaption h2 { font-size: 19px; }
.team_box figcaption p { font-size: 14px;}
.book_appointment_lft .title_1 .title_main {margin-bottom: 15px;}
.input-box .input, .select, .woocommerce-address-fields .input-text, .es_subscription_form input, textarea {height: 55px;padding: 10px 15px;font-size: 18px;}
.select-box svg {bottom: 23px;}
.testimonials_slider .swiper-wrapper .swiper-slide:nth-child(odd) .testi_box {   margin-top: 0; }
footer .middle_footer .footer_links_box .title {margin-bottom: 0;font-size: 20px;}
footer .middle_footer {  padding: 40px 0 40px;}



.inner_banner { min-height: 400px;}
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span, .banner_gallery .inner_caption h1, .banner_gallery .inner_caption .h1, .banner_gallery .inner_caption span { font-size: 33px;}
h1, .h1{font-size:28px;}
h2, .h2{font-size:23px;}
h3, .h3{font-size:19px;}
.contact_form {padding: 35px 20px 35px 20px;}

.hire_step .row .row>[class*="col-"]:nth-child(odd) .hire_step_box .hire_step_icn { float: none;}
.hire_step .row .row>[class*="col-"]:nth-child(odd) .hire_step_box .hire_step_cnt { text-align: center;}
.hire_step_icn {margin: 0 auto;width: 100px; height: 100px; border: 5px solid #c0a375;  border-radius: 100%;}
.hire_step .row .row [class*="col-"] .hire_step_box .hire_step_icn:after {display: none;}
.hire_step .row .row [class*="col-"]:nth-last-child(n+3) .hire_step_box {  margin-bottom: 0;}
.hire_step .row .row>[class*="col-"]:nth-child(even) .hire_step_box .hire_step_icn {border-color: #7e9b9f;}
.hire_step_box {text-align: center;}
.hire_step .row .col-xxl-10 { max-width: 100%;  width: 100%;}
.step_main .col {  width:50%;  flex: auto;}
.cta_column .service_wrpr .col { width: 50%;  flex: auto;}
.qrightcloud_page .front_column .col { width:50%;}
.front_column .service_wrpr .col {flex: auto;width: 50%;}
}



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



}



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



}



@media screen and (max-width:575px) {
.title_1 .title_main { font-size: 33px;}
.title_1>span {  font-size: 12px;}
p , html, body, .cms_page ul li, .cms_page ol li {  font-size: 15px;}
.service_box .service_image { border-radius: 15px; }
.service_box figcaption .btn { min-width: 130px;}
.service_box figcaption p { font-size: 12px;}
.mt-5 {margin-top: 2rem !important;}
.title_1, .book_appointment_lft .title_1 {margin-bottom: 20px;}
.our_trams .title_1 { margin-bottom: 20px;}
.our_trams_lft {  padding-right: 0;}
.book_appointment_lft .title_1 h3 {font-size: 22px;}
.book_appointment_lft .title_1 h3 {  font-size: 20px; }
.input-box {margin: 0 0 15px 0;}
.input-box textarea.input, .comment-form-comment textarea {  height: 130px;}
.bottom_footer ul li+li { margin-left: 5px;  padding-left: 10px;}
.bottom_footer p {font-size: 15px;}
.service_form .input-box .input { height: 45px;padding: 5px 15px; font-size: 15px;}
.inner_banner { min-height: 350px;}
.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;}
h1, .h1{font-size:26px;}
h2, .h2{font-size:22px;}
h3, .h3{font-size:18px;}
h4, .h4 {  font-size: 16px;}
.contact_info ul li .contact_info_cnt a, .contact_info ul li .contact_info_cnt p {    font-size: 18px;}
.left_sidebar aside.service_form p {font-size: 16px;}
.error404 .page_404 h4 {  font-size: 25px;}
.error404 .page_404 h1 { font-size: 80px;}
.cms_page ul li:after {height: 16px; width: 16px;background-size: auto 16px;top: 3px;}
.cms_page ul li, .cms_page ol li {padding-left: 25px;}
.other_team .team_row+.team_row { margin-top: 50px;}
.service_wrpr .col {  width: 100%; flex: auto; }
.price_head {min-height: auto;}
}



@media screen and (max-width:480px) {
.banner figcaption h2 {  font-size: 32px;}
.banner { padding-top: 130px;}
header .header_btns .btn {min-width: 119px;}
header .header_btns .btn svg { height: 23px;margin-right: 5px;}
header {padding: 20px 0;}
.about_cnt { padding: 30px 15px;}
section {padding: 50px 0;}
.about_cnt, .image_wrapper {border-radius: 10px;}
.title_1>span { font-size: 11px;}
.service_box figcaption { padding: 20px 15px; }
.service_box figcaption h2 { font-size: 18px; }
.service_box figcaption p {font-size: 10px;}
.service_box figcaption .btn {min-width: 120px; padding: 10px 15px 10px 15px;font-size: 14px; }
.title_1 .title_main {  font-size: 30px; }
.left_sidebar aside.service_form {  padding: 25px 15px;border-radius: 10px;}
.inner_banner { min-height: 320px;}
.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;}
.page-template-about-us-page .team_box .team_img img {max-height: 244px;}
.page-template-about-us-page .team_box .team_img { min-height: 269px;}
.page-template-about-us-page .team_box .more_btn {font-size: 15px;}
.page-template-about-us-page .team_box figcaption h2 {  font-size: 17px; }
.page-template-about-us-page .team_box .more_btn svg { width: 10px;margin-left: 5px;}
.page-template-about-us-page .team_box figcaption {    padding: 11px 15px 15px 15px;}
.contact_info ul li .contact_info_cnt a, .contact_info ul li .contact_info_cnt p {font-size: 16px;}
.contact_info ul>li+li { margin-top: 15px;padding-top: 15px;}
.error404 .page_404 { padding-top: 140px; }
.contact_form .input-box .input {font-size: 16px;}
header .header_btns .btn { min-width: 99px;  font-size: 12px;min-height: 35px;}
header .header_btns .btn svg {height: 16px;margin-right: 5px;}
header .main_logo img { max-width: 110px; }
.wsanimated-arrow {margin-left: 5px;}
.step_main .col {  width: 100%;}
.qrightcloud_page .front_column .col {width: 100%;}
header.sticky {padding: 5px 0;}
.front_column .service_wrpr .col {width:100%;}
}


@media screen and (max-width:415px) {
header .header_btns .btn { position: absolute; left: 0; width: 50%; top: 0;}
header .header_btns .btn:nth-child(2) { right: 0; left: auto;}
header, header.sticky {   padding: 37px 0 5px 0;  }
}

@media screen and (max-width:380px) {
.call_header { min-width: 38px !important; width: 38px;}
header .main_logo img {   max-width: 130px;}
.service_box figcaption h2 { font-size: 16px; }
.service_box .service_image {border-radius: 10px;}
.service_box figcaption .btn { min-width: 100px; padding: 8px 10px 8px 10px; font-size: 12px; }
.team_box { border-radius: 10px; }
.page-template-about-us-page .team_box .team_img img {  max-height: 194px;  }
.page-template-about-us-page .team_box .team_img { min-height: 219px; }
.error404 .page_404 h4 {font-size: 22px;}
}



@media screen and (max-width:360px) {
.banner figcaption h2 {  font-size: 33px;}
header .main_logo img { max-width: 110px; }
.call_header {min-width: 35px !important;width: 35px;}
.contact_form { padding: 25px 15px 25px 15px; }
}