@media screen and (min-width:992px) {
.wsmenu .wsmenu-list { float: right }
.wsmenu>.wsmenu-list>li+li { margin-left: 45px }
.wsmenu>.wsmenu-list>li>ul.sub-menu li>a:after { position: absolute; content: "\f101"; 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>a:hover:after { left: 15px; opacity: 1 }
.wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a, .wsmenu>.wsmenu-list>li>ul.sub-menu>li a:hover { padding-left: 30px }
.wsmenu>.wsmenu-list>li ul.sub-menu:before { content: ""; position: absolute; top: 2px; left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 7px solid #495057; border-color: transparent transparent #29378f #29378f; -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: -35px; -webkit-box-shadow: 1px 1px 0 0 rgb(60 72 88 / 15%); box-shadow: 1px 1px 0 0 rgb(60 72 88 / 15%); border-color: transparent #29378f #29378f transparent }
.services .title_1 { margin-bottom: 80px }
.mobile_cta { display: none }
.hover_img { width: 100%; float: left; position: relative; overflow: hidden }
.hover_box:hover span:before { opacity: 1; width: 40px; height: 0 }
.hover_box:hover span:after { opacity: 1; width: 0; height: 40px }
.hover_box a span:after, .hover_box a span:before { 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 { overflow: hidden }
.hover_box .hover_img a:after { position: absolute; content: ""; height: 0; width: 0; margin: auto; left: 0; right: 0; bottom: 0; top: 0; background-color: rgb(41 55 143 / 90%) }
.hover_box:hover .hover_img a:after { width: calc(100% - 10px); height: calc(100% - 10px) }
.hover_box .hover_img img { transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .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 { position: relative }
.hover_box:hover>a img { transform: scale(1.1); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.hover_box a img { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.hover_box:hover h2 { color: #546b6e; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.hover_box:hover .overlay_hover { opacity: 1; -webkit-transform: scale(1) rotateZ(0); -moz-transform: scale(1) rotateZ(0); -ms-transform: scale(1) rotateZ(0); -o-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0) }
.hover_box:hover .overlay_hover span { opacity: 1; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .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% }
.wsmenu>.wsmenu-list>li.selected>a, .wsmenu>.wsmenu-list>li:hover>a, header.sticky .wsmenu>.wsmenu-list>li.selected>a, header.sticky .wsmenu>.wsmenu-list>li:hover>a { color: #29378f }
.mobile_cta, ol.header_mobile_cta { display: none }
.banner ul li { font-size: 20px }
}
@media screen and (max-width:1450px) {
.banner .swiper-button-next { right: -40px }
.banner .swiper-button-prev { left: -40px }
.banner .swiper-button-next svg, .banner .swiper-button-prev svg { height: 35px }
}
@media screen and (max-width:1400px) {
.banner figcaption h2 { font-size: 50px }
}
@media screen and (max-width:1350px) {
.banner .arrow_main { top: auto; bottom: 0 }
.banner .swiper-button-next, .banner .swiper-button-prev { display: inline-block; float: none; left: auto; right: auto; margin-right: 30px }
.banner .swiper-button-next svg, .banner .swiper-button-prev svg { height: 25px }
.contact_detail_box ul li a { font-size: 16px }
.contact_detail_box ul li p { line-height: normal }
.contact_detail_box .contact_icon { width: 40px; height: 40px }
.contact_detail_box ul li+li { margin-left: 15px }
.contact_detail_box ul li { padding-left: 55px!important }
.outline_img { width: 100% }
}
@media screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li+li { margin-left: 35px }
.wsmenu>.wsmenu-list>li>a { font-size: 14px }
header .btn { margin-left: 35px }
.main_logo img { max-width: 180px }
.site_main { padding-top: 92px }
.banner figcaption h2 { font-size: 40px }
.title_1 h1 br, .title_1 h2 br { display: none }
.service_box figcaption h2 { font-size: 28px; letter-spacing: 1px }
.inner_banner { height: 300px }
.inner_banner .inner_caption .h1, .inner_banner .inner_caption h1, .inner_banner .inner_caption span { font-size: 40px }
.outline_img img { max-width: 300px }
.get_in_touch { background-size: 55%;}


}
@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: 0 }
.wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 270px; background: #29378f; padding-bottom: 0; margin-left: -270px; display: block; text-align: center; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .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; border-right: solid 0; background-color: transparent; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgb(255 255 255 / 8%); position: static; line-height: normal; color: #fff }
.wsmenu>.wsmenu-list>li.selected>a { color: #29378f; background-color: #fff }
.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,.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; position: relative; top: 0; background-color: #3e4eaf; 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 { border-bottom: 1px solid; border-bottom-color: rgb(255 255 255 / 8%) }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { display: block; line-height: normal; padding: 10px 15px; letter-spacing: 0 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a { color: #fff }
.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; left: 100%; top: 0; display: none; margin: 0; padding: 0; border: solid 0; 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; width: 100%; 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: 0; padding: 0; position: relative }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: normal; font-size: 11px }
.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: #666 }
.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: 0; padding: 0; border: solid 0; 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: 0 }
.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 0 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: #666; 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 .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; box-shadow: 0 0 1px rgba(0,0,0,.3) }
.wsactive .wsmobileheader { margin-left: 240px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsmobileheader .smllogo { display: inline-block; margin-top: 12px }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch { width: 86%; margin: 7% 7%; padding: 0 }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input { border-radius: 50px }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus { width: 100% }
.wsanimated-arrow { width: 35px; height: 35px; position: relative; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -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: 19px; background: #29378f; opacity: 1; left: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -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: 6px }
#wsnavtoggle span:nth-child(2), #wsnavtoggle span:nth-child(3) { top: 18px }
.wsactive #wsnavtoggle span:nth-child(2), .wsactive #wsnavtoggle span:nth-child(3) { top: 12px }
#wsnavtoggle span:nth-child(4) { top: 12px; 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,.45); cursor: pointer }
.wsactive .wsmenu .overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out }
.wsmenucontainer { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsactive .wsmenucontainer { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .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 .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-left: 0 }
.wsmenu>.wsmenu-list>li>.wsmenu-click { height: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 43px; z-index: 55; border-left: 1px solid rgb(255 255 255 / 8%) }
.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 0 0 }
.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: #fff; transition: .2s ease; display: block; transform-origin: 100% 0 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 39px; width: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; z-index: 88; border-left: 1px solid rgb(255 255 255 / 8%) }
.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 0 0 }
.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(255,255,255,.4); transition: .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:hover>a:focus, .wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a { text-decoration: none; position: relative }
.wsmenu>.wsmenu-list>li ul.sub-menu { min-width: calc(100% + 0px); padding: 0 }
.wsmenu>.wsmenu-list>li+li { margin-left: 0 }
.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: 475px; width: auto!important; max-width: unset!important }
.banner .swiper-slide { height: 475px; overflow: hidden }
.banner figcaption h2 { font-size: 35px }
body, html { font-size: 14px }
p { margin-bottom: 15px }
section { padding: 80px 0 }
.title_1 h1, .title_1 h2 { font-size: 40px }
.service_box figcaption h2 { font-size: 23px }
.middle_content .middle_content_row_main:nth-child(odd) .row .middle_content_text { padding-right: 0 }
.middle_content .middle_content_row_main:nth-child(even) .row .middle_content_text { padding-left: 0 }
.middle_content .middle_content_row_main { padding: 80px 0 }
.middle_content .middle_content_row_main .middle_content_img:after, .middle_content .middle_content_row_main .middle_content_img:before { top: -80px }
.get_in_touch_content { padding-right: 0; margin-bottom: 15px }
header .btn { margin-left: 0 }
.footer_bottom { text-align: center }
.social_media ul li { float: none; display: inline-block }
.social_media { margin-top: 15px }
.footer_links_box ul li a, .footer_links_box ul li span, footer p { font-size: 13px; word-break: break-word }
body, html { padding-bottom: 51px }
.inner_banner .inner_caption .h1, .inner_banner .inner_caption h1, .inner_banner .inner_caption span { font-size: 30px }
.inner_banner { height: 250px }
.logo_box figcaption h2 { font-size: 12px }
.logo_box .logo_box_img img { max-height: 70px }
.logo_box .logo_box_img { height: 100px }
.contact_details .row [class*=col-]+[class*=col-] {
margin-top:30px
}
.contact_details h3 { font-size: 18px; margin-bottom: 10px }
.contact_details { padding: 50px 0 }
.h2, h2 { font-size: 25px }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0 }
.h3, h3 { font-size: 18px; letter-spacing: 0 }
img.alignright { margin: 0 0 15px 15px }
img.alignleft { margin: 0 15px 15px 0 }
img.alignleft, img.alignright { max-width: 45% }
header .btn { display: none }
.page_content_img { margin-bottom: 15px }
.outline_img { display: none }
section.inner_page {    padding: 30px 0;}
}
@media screen and (min-width:768px) {
.mobile_btn { display: none }
}
@media screen and (max-width:767px) {
header { padding: 10px 0 }
header .btn { min-width: 140px; padding: 9px 15px 10px 15px; font-size: 13px }
.site_main { padding-top: 72px }
.banner figcaption h2 { font-size: 30px }
.banner ul li { font-size: 12px; padding-left: 22px }
.btn, .btn input { min-width: 190px; padding: 16px 15px 16px 15px; font-size: 13px }
.banner .swiper-slide { height: 400px }
section { padding: 50px 0 }
.desktop_btn { display: none }
.about_content_text .btn { margin-top: 15px }
.title_1 h1, .title_1 h2 { font-size: 33px }
.title_1 { margin-bottom: 20px }
.service_box figcaption h2 { font-size: 18px }
.service_box figcaption { margin-top: 20px }
.middle_content .middle_content_row_main { padding: 40px 0 }
.middle_content .middle_content_row_main .middle_content_img:after, .middle_content .middle_content_row_main .middle_content_img:before { top: -40px }
.middle_content_bottom_box { margin-bottom: 30px }
.middle_content_bottom_box .title_1 p { margin-top: 5px!important }
.video_content { padding-right: 0 }
.video_icon img { max-width: 60px }
.get_in_touch_form { padding: 30px 15px }
.input-box { margin: 0 0 20px 0 }
.submit_btn { margin-top: 0 }
.get_in_touch_form { padding: 20px 15px }
.input-box { margin: 0 0 15px 0 }
.input-box .input, .select { height: 40px; font-size: 13px }
.input-box .input, .input-label, .select { font-size: 13px }
.input-box textarea.input { height: 80px }
.select-box svg { right: 0 }
div span.wpcf7-not-valid-tip, label.error { font-size: 10px; padding: 1px 5px; line-height: normal }
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: #999 }
.mobile-accordion.in .title span:before { display: none }
footer .footer_links_box .title span:after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 2px; width: 16px; background: #999 }
footer .footer_links_box .title { margin-bottom: 5px; position: relative }
.footer_links_box { width: 100%; float: left; border: none; margin-bottom: 15px; background-color: transparent; border-bottom: 2px solid #749ab8 }
.list-style-none.mobile-accordion-toggle { display: none; padding: 0; margin: 15px 0 10px 0; width: 100%; float: left }
footer .footer_top { padding: 50px 0 0 0 }
.footer_bottom { margin-top: 35px }
.contact_info ul li+li { margin-top: 15px }
.gallery_box { margin-bottom: 30px }
ul.col3 { column-count: 2 }
.h2, h2 { font-size: 20px }
.service_content_row h3 { font-size: 16px; margin-bottom: 5px }
.container { padding: 0 15px }
.title_1 h1, .title_1 h2, .title_1 .h1, .title_1 .h2{font-size: 30px;}
.banner:before { height: 185px;    width: 200px;}
.get_in_touch { background-size: 25%;}


.home .services::before,.home .middle_content::before{height: 135px;width: 150px;z-index: 0;}


}
@media screen and (max-width:575px) {
.main_logo img, .sticky .main_logo img { max-width: 150px }
.site_main { padding-top: 58px }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 15px; padding-left: 15px }
.row { margin-right: -15px; margin-left: -15px }
.banner figcaption h2 { font-size: 23px }
.banner ul li { font-size: 10px; padding-left: 19px; letter-spacing: 1px }
.banner .swiper-slide { height: 350px }
.banner ul { max-width: 100% }
.title_1 h1, .title_1 h2 { font-size: 28px; letter-spacing: 1px }
body, html { font-size: 13px }
section { padding: 30px 0 }
p { line-height: 2 }
.middle_content .middle_content_row_main .middle_content_img { margin-bottom: 15px }
.middle_content { background-size: 100%!important }
.middle_content_bottom_box { margin-bottom: 15px }
.video_box { margin-top: 30px; margin-bottom: 15px }
.video_box:before { top: -30px }
footer .footer_top { padding: 30px 0 0 0 }
.footer_bottom { margin-top: 15px }
.inner_banner { height: 200px }
.inner_banner .inner_caption .h1, .inner_banner .inner_caption h1, .inner_banner .inner_caption span { font-size: 23px }
.inner_banner .inner_caption ol li, .inner_banner .inner_caption ol li a { font-size: 10px }
.inner_banner .inner_caption ol li+li { margin-left: 20px }
.inner_banner .inner_caption ol li:after { right: -15px }
img.alignleft, img.alignright { max-width: 100%; margin-bottom: 15px; width: 100% }
.gallery_box figcaption p { font-size: 12px }
.gallery_box figcaption { min-height: 60px; padding: 10px 10px }
.section_area_we_serve ul{    column-count: 3;}

}
@media screen and (max-width:480px) {
.copyright p+p:after { display: none; }
.copyright p+p { padding-left: 0; margin-left: 0; }
.banner figcaption h2 { font-size: 20px; margin-bottom: 10px }
.btn, .btn input { min-width: 160px; padding: 13px 15px 13px 15px; font-size: 11px }
.banner ul { margin-bottom: 5px }
.banner .swiper-slide { height: 300px }
.service_box figcaption h2 { font-size: 15px }
.home .service_box figcaption p { font-size: 11px }
.scroll { max-height: 250px }
.title_1 h1, .title_1 h2 { font-size: 23px }
.middle_content .middle_content_row_main { padding: 30px 0 }
.middle_content .middle_content_row_main .middle_content_img:after, .middle_content .middle_content_row_main .middle_content_img:before { top: -30px }
.footer_links_box .title { font-size: 16px }
.gallery_box p { font-size: 10px; line-height: normal }
.logo_box .logo_box_img { padding: 5px }
.logo_box .logo_box_img { height: 80px }
.logo_box .logo_box_img img { max-height: 50px }
.logo_box figcaption h2 { font-size: 10px }
.logo_box { margin-bottom: 20px }
.contact_details { padding: 30px 0 }
.contact_detail_box ul li { width: 100% }
.contact_detail_box ul li+li { margin-left: 0; margin-top: 10px }
.h2, h2 { font-size: 16px }
.h3, h3 { font-size: 15px }
.gallery_box figcaption p { font-size: 10px }
.gallery_box figcaption { min-height: 50px }
.service_content_post_row .scroll { max-height: 300px }
.service_content_post_row { margin-bottom: 30px }
.gallery_box figcaption { margin-right: -5px }
.section_area_we_serve ul{    column-count: 2;}
}
@media screen and (max-width:380px) {
.banner figcaption h2 { font-size: 18px; letter-spacing: 1px }
.banner ul li { width: 100%; margin-bottom: 5px }
.banner ul li:nth-child(2n+1) { margin-right: 0 }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 5px; padding-left: 5px }
.row { margin-right: -5px; margin-left: -5px }
.title_1 h1, .title_1 h2 { font-size: 20px }
header .btn { min-width: 115px; padding: 8px 10px 9px 10px; font-size: 11px }
.site_main { padding-top: 55px }
ol, ul { margin: 0 0 20px 0 }
ul.col3 { column-count: 1 }
ol.header_mobile_cta li a { font-size: 12px }
ol.header_mobile_cta li { margin-right: 5px }
.wsanimated-arrow { width: 30px }
.gallery_box { margin-bottom: 10px }
}
@media screen and (max-width:350px) {
.gallery_box figcaption p { font-size: 8px }
.gallery_box figcaption { min-height: 42px }
ol.header_mobile_cta li a { font-size: 10px; }
}
