body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Roboto', sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}

/*font-family: 'BEBASNEUEBOLD';
font-family: 'Poppins', sans-serif;
font-family: 'HandOfSean';
font-family: 'HandOfSeanDemo';*/

a{  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.container{ max-width: 1250px;}


/*header*/
.header_sec{ width: 100%; position: relative; padding: 20px 0; position: relative; }
.nav_top{ padding: 0px; margin: 0px; }
.nav_top .navbar-brand{ width: auto; padding: 0; margin: 0px; }
.nav_top .navbar-brand img{ max-width: 100%; }
.menu_sec { padding-right: 85px; }
.menu_sec li{ font: 500 14px/20px 'Poppins', sans-serif; color: #000; padding: 0; margin-left: 42px; }
.menu_sec li:first-child{ margin-left: 0px; }
.menu_sec li a{ display: inline-block; padding: 8px 0; color: #000; text-transform: capitalize; }
.menu_sec li a:hover{ color:#60c4bf; }
.menu_sec li.select a{ color:#60c4bf; }

.top_right_section{ width: auto; position: absolute; right: 0px; top: 7px;  }
.top_right_section li{ margin-left: 15px; position: relative; float: left; }
.top_right_section li:first-child{ margin-left: 0px; }
.top_right_section li img{ max-width: 100%; }
.top_right_section li span.dot_select{ position: absolute; right: -5px; top: -5px; }
.top_right_section li span.dot_select i{ font-size: 7px; color:#ff7f00; border: 3px solid #fff; border-radius: 100%; }

.bannersecs{ width: 100%;  position: relative; background: #60c4bf; }
.bannersecs:after{ width: 100%; position: absolute; left: 0px; bottom: -16px; background: url(../images/banner_line_image2.png) repeat-x 0 0; content: ""; height: 70px; }
.bannerItm{ width: 100%; position: relative; height: 700px; }
.bantext{ position: absolute; top: 50%; left: 50%; width: 100%;
-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%); width: 100%;
}
.ban_box{ width: 100%; display: inline-block; }
.ban_box em{ font: normal 70px/80px 'HandOfSean'; color: #ffea35; width: 100%; display: inline-block; position: relative; margin-top: 30px; }
.ban_box em:before{ width: 100%; height: 19px; position: absolute; left: 0px; bottom: 0px; background: url(../images/yellow_line.png) no-repeat 0 0; content: ""; }
.ban_box b{ font: normal 100px/100px 'BEBASNEUEBOLD'; color: #fff; width: 100%; display: inline-block; text-transform: uppercase; text-shadow: 6px 6px 1px #56b0ac; }
.ban_right { width: 57%; display: inline-block;  padding: 32px 0 0; position: absolute; right: 0;  top: 0;}
.ban_right img { width: 100%; }
.bannersecs:before{ width: 40px; position: absolute; left: 0px; top: 0; background: url(../images/banner_line1.jpg) repeat-y 0 0; content: ""; height: 100%; }

.about_main{ width: 100%; padding: 90px 0 120px 0; text-align: center; }
.global_text h1, .global_text h2{ font: 300 50px/55px 'Poppins', sans-serif; color:#000; } 
.global_text h1 span, .global_text h2 span{ color:#00abb3; font-family: 'HandOfSeanDemo'; position: relative; }
.global_text h1 span:before, .global_text h2 span:before{ width: 100%; height: 19px; position: absolute; left: 0px; bottom: 0px; background: url(../images/green_line.png) no-repeat 0 0; content: ""; background-size: 100% !important; }
.about_main_inner{ width: 100%; display: inline-block; }
.about_main_inner p{ font: 300 22px/40px 'Poppins', sans-serif; color: #444444; padding-top: 20px; }
.about_main_inner a{ width: 260px; height: 70px; background: #ff7f00; border-radius: 50px; box-shadow: 2px 8px 1px 0px #d06900; display: inline-block; margin-top: 30px;
font: 700 24px/68px 'Poppins', sans-serif; color: #fff;  }
.about_main_inner a:hover{background:#00abb3; box-shadow: 2px 8px 1px 0px #08888e;}

.works_main{ width: 100%; position: relative; background: #ffd3c1; padding: 60px 0 0; }
.works_main:before{ width: 100%; position: absolute; left: 0px; top: -58px; background: url(../images/orange_line.png) repeat-x 0 0; content: ""; height: 69px; }
.works_main:after{ width: 100%; position: absolute; left: 0px; bottom: -14px; background: url(../images/orange_line4.png) repeat-x 0 0; content: ""; height: 68px; }
.works_main.global_text h2 { text-align: center; }
.works_main.global_text h2 span{ color:#dd6d3f;}
.works_main.global_text h2 span:before{background: url(../images/orange_line3.png) no-repeat 0 0; }

.works_inner{ width: 100%; position: relative; margin-top: 30px; }
.works_image{ width: 100%; }
.works_image img{ max-width: 100%; }
.works_right{ width: 100%; }
.works_right h3{ font: normal 50px/65px 'HandOfSeanDemo'; color:#161345; }
.works_right h4{ font: normal 30px/35px 'Poppins', sans-serif; color:#000; padding-top: 20px; }
.works_right p{ font: normal 18px/30px 'Poppins', sans-serif; color:#444444; padding-top: 10px; }
.works_inner .row{ align-items: center; }
.works_inner:nth-child(even) .row{ flex-direction: row-reverse; }

.process_main{ width: 100%; text-align: center; position: relative; padding: 65px 0 130px 0; }
.process_main.global_text h2 span{ color:#e9ba00;}
.process_main.global_text h2 span:before{display: none; }
.process_innr{ width: 100%; display: inline-block; margin-top: 30px; padding: 0 20px; }
.process_innr img{ max-width: 100%; }
.process_innr h4{ font: 300 24px/26px 'Poppins', sans-serif; color:#000; padding-top: 10px; }
.process_innr p{ font: 300 14px/24px 'Poppins', sans-serif; color:#666; padding-top: 10px; }

.gallery_main{ width: 100%; padding: 80px 0; position: relative; background: #cce5ff; }
.gallery_main:before{ width: 100%; position: absolute; left: 0px; top: -58px; background: url(../images/blue_line.png) repeat-x 0 0; content: ""; height: 64px; }
.gallery_main:after{ width: 100%; position: absolute; left: 0px; bottom: -53px; background: url(../images/blue_line3.png) repeat-x 0 0; content: ""; height: 70px; z-index: 5; }
.gallery_main h2{ font: normal 100px/80px 'BEBASNEUEBOLD'; color:#161345; text-transform: uppercase; } 
.gallery_main h2 span{ color:#5192d5; font-family: 'HandOfSean'; position: relative; text-transform: capitalize; }
.gallery_main h2 span:before{ width: 100%; height: 19px; position: absolute; left: 0px; bottom: 26px; background: url(../images/blue_line2.png) no-repeat 0 0; content: ""; background-size: 100% !important; }


.step_arrow1 { width: auto; position: absolute; left: 25%; bottom: -194px; }
.step_arrow1 img{ max-width: 100%; }
.step_arrow2 { width: auto; position: absolute; left: 45%; bottom: -150px; }
.step_arrow2 img{ max-width: 100%; }
.gallery_inner{ column-count: 4; column-gap: 20px; margin-top: 80px; }
.gallery_image{ width: 100%; margin-bottom: 20px; overflow: hidden;  border-radius: 12px; }
.gallery_image img{ width: 100%; border-radius: 12px;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }

.feature_main{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; }
.feature_image{ width: 100%; text-align: center; }
.feature_image img{ max-width: 100%; }
.feature_main.global_text h2 { font-size: 40px; line-height: 45px; }
.feature_main.global_text h2 span{ font-family: 'HandOfSean'; color:#3bbcc3; }
.feature_main.global_text h2 span::before{ display: none; }
.feature_main .about_main_inner a{ text-align: center; }
.feature_main .about_main_inner { padding-top: 60px;}


.footer_sec{ width: 100%; background: #0f0c3d; }
.footer_top{ width: 100%; padding: 75px 0 0; }
.footer_box{ width: 100%; display: inline-block; }
.ftr_logo img{ max-width: 100%; }
.footer_box p{ font: 300 14px/24px 'Poppins', sans-serif; color:#fff; padding: 20px 0 0; }
.footer_box a.more_btn{ font: 500 14px/24px 'Poppins', sans-serif; color:#ffea35; margin: 20px 0 0; border-bottom: 1px solid #ffea35; padding: 0; display: inline-block; }
.footer_box a.more_btn:hover{ color:#ff7f00; border-color:#ff7f00; }
.footer_box h4{ font: 600 20px/24px 'Poppins', sans-serif; color:#fff; padding-bottom: 10px; }
.footer_box ul.qk_menu{ width: 100%; display: inline-block; }
.footer_box ul.qk_menu li{ width: 100%; display: inline-block; font: 300 14px/24px 'Poppins', sans-serif; color:#fff; margin: 3px 0; }
.footer_box ul.qk_menu li a{color:#fff; width: 100%; display: inline-block; }
.footer_box ul.qk_menu li a:hover{color:#ffea35; }

.footer_box ul.contact_menu{ width: 100%; display: inline-block; }
.footer_box ul.contact_menu li{ width: 100%; display: inline-block; font: 300 14px/24px 'Poppins', sans-serif; color:#fff; margin: 3px 0; position: relative; padding-left: 25px; }
.footer_box ul.contact_menu li a{color:#fff; width: 100%; display: inline-block; }
.footer_box ul.contact_menu li a:hover{color:#ffea35; }
.footer_box ul.contact_menu li i{ position: absolute; left: 0px; top: 4px; color:#ffea35; font-size: 16px; }

.footer_btm{ width: 100%; padding: 25px 0; border-top: 1px solid #33305a; display: inline-block; margin-top: 60px; position: relative; }
.footer_btm ul.ftr_sos{ float: left; }
.footer_btm ul.ftr_sos li{ float: left; margin: 0 5px 0 0; }
.footer_btm ul.ftr_sos li:last-child{ margin-right: 0px; }
.footer_btm ul.ftr_sos li a{ width: 33px; height: 33px; border-radius: 100%; text-align: center; line-height: 33px; float: left; color:#fff; font-size: 16px; background: #60c4bf; }
.footer_btm ul.ftr_sos li a:hover{ background: #ffea35; color:#000; }
.footer_btm span{ font: 400 14px/16px 'Poppins', sans-serif; color:#fff; position: absolute; left: 50%; top: 50%; 
-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
 	transform: translate(-50%,-50%);
}
.footer_btm span a{ color:#ffea35; border-bottom: 1px solid #ffea35; margin: 0 15px; }

.live_chat{ width: auto; position: absolute; right: 0px; top: 19px; padding: 15px; padding-right: 50px; font: 300 14px/16px 'Poppins', sans-serif; color:#afaebf; background: url(../images/chat.png) no-repeat right center; }

.feature_main:before{ width: 610px; height: 380px; background: url(../images/bg2.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 0px; bottom: 0px; content: ""; }
.feature_main:after{ width: 410px; height: 185px; background: url(../images/bg1.png) no-repeat 0 0; background-size: 100%; position: absolute; right: -60px; top: 0px; content: ""; }
.about_main{ position: relative; }
.about_main:before{ width: 610px; height: 380px; background: url(../images/bg2.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 0px; bottom: 0px; content: ""; }
.about_main::after { width: 340px; height: 188px; background: url(../images/bg3.png) no-repeat 0 0;  background-size: 100%; position: absolute; right: 0px; top: -50px; content: ""; }

.gallery_image:hover img{-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}




  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s;*/ max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; 
    width: 180px; padding: 0px; max-height: 600px;
   border-radius: 0; left: 0; right: inherit; transform: translate(0, 10px);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
box-shadow: 0 6px 12px rgba(0,0,0,.175);  border: none; border-bottom: 5px solid #07479f;}
.nav_top .dropdown:hover .dropdown-menu {  opacity: 1; visibility: visible; height: auto; transform: translate(0,0); }


/*sub_sub_menu*/
.nav_top .dropdown-submenu >.dropdown-menu { max-height: 0; display: none; opacity: 0; visibility: hidden; left: 100%; top: 0; border: none;  
 width: 150px; min-width: 100%;  border-radius: 0px; box-shadow: inherit; padding: 0px; margin: 0px; background: rgba(0, 44, 32, 0.9); min-width: inherit; 
box-shadow: 5px 3px 10px 0 rgba(0,0,0,.175); }
.nav_top .dropdown-submenu:hover > .dropdown-menu { max-height: 400px; opacity: 1; visibility: visible;display: block; }



}
@media (min-width: 4000px) and (max-width: 6999px) {
.bannerItm{ height: 1500px; }



}  
@media (min-width: 2400px) and (max-width: 3999px) {
.bannerItm{ height: 1000px; }



}  
@media (min-width: 1800px) and (max-width: 2399px) {
.bannerItm{ height: 800px; }



}  
@media (min-width: 1700px) and (max-width: 1699px) {
.ban_right {  width: 53%; }



}  


@media (min-width: 1400px) and (max-width: 1599px) {
.bannerItm{ height: 630px; }



}  



@media (min-width: 1200px) and (max-width: 1399px) {
.container{ max-width: 1170px;}  
.bannerItm{ height: 536px; }
.ban_box b{ font-size: 88px; line-height: 92px; }
.ban_box em{ font-size: 60px; line-height: 75px; }
.ban_box em::before { background-size: 360px;}
.ban_right { width: 56%; }

.header_sec { padding: 15px 0; }
.bannersecs::before { width: 20px; }
.about_main { padding: 70px 0 110px 0; }
.about_main::after { width: 290px; height: 148px; top: -30px;}
.global_text h1, .global_text h2 { font-size: 36px; line-height: 45px;}
.about_main { position: relative; display: inline-block; z-index: 9;}
.about_main::before { width: 450px; height: 284px;}
.works_main { z-index: 9;}
.works_main { padding: 45px 0 0;}
.works_right h3{ font-size: 40px; line-height: 50px; }
.works_right h4{ font-size: 26px; line-height: 30px; }
.works_right p{ font-size: 17px; line-height: 25px; }
.step_arrow1 { width: 190px; left: 30%; bottom: -194px;}
.step_arrow2 { width: 100px; left: 48%; bottom: -152px;}
.process_main { padding: 56px 0 110px 0;}
.process_innr h4{ font-size: 21px; }
.gallery_main h2{ font-size: 75px; line-height: 70px; }
.gallery_main { padding: 70px 0;}
.about_main_inner p{ font-size: 19px; line-height: 34px; padding-top: 16px; }
.about_main_inner a { width: 230px; height: 60px; margin-top: 25px; font-size: 20px; line-height: 60px; }
.feature_main { padding: 80px 0;}
.feature_main::before { width: 450px; height: 283px;}
.footer_top { padding: 60px 0 0;}
.footer_btm { padding: 20px 0; margin-top: 50px;}
.gallery_inner { column-count: 4; column-gap: 20px; margin-top: 65px; }
.feature_main.global_text h2 {  font-size: 36px; line-height: 44px; }











}



@media (min-width: 992px) and (max-width: 1199px) {
.container{ max-width: 960px;}  
.bannerItm{ height: 500px; }
.ban_box b { font-size: 70px; line-height: 75px;}
.ban_box em { font-size: 45px; line-height: 70px;}
.ban_box em::before { background-size: 280px;}
.ban_right { width: 64%; }

.header_sec { padding: 15px 0; }
.bannersecs::before { width: 20px; }
.about_main { padding: 50px 0 100px 0; }
.about_main::after { width: 290px; height: 148px; top: -30px;}
.global_text h1, .global_text h2 { font-size: 27px; line-height: 37px;}
.about_main { position: relative; display: inline-block; z-index: 9;}
.about_main::before { width: 290px; height: 184px;}
.works_main { z-index: 9;}
.works_main { padding: 45px 0 0;}
.works_right h3 { font-size: 30px; line-height: 35px;}
.works_right h4 { font-size: 22px; line-height: 26px;}
.works_right p { font-size: 16px; line-height: 24px;}
.step_arrow1 { width: 148px; left: 33%; bottom: -174px;}
.step_arrow2 { width: 60px; left: 58%; bottom: -106px;}
.process_main { padding: 56px 0 110px 0;}
.process_innr h4{ font-size: 19px; }
.gallery_main h2 { font-size: 58px;  line-height: 60px;}
.gallery_main h2 span::before { bottom: 3px;}
.gallery_main { padding: 50px 0;}
.about_main_inner p { font-size: 16px; line-height: 26px; padding-top: 15px;}
.about_main_inner a { width: 200px; height: 50px; margin-top: 20px; font-size: 18px; line-height: 50px;}
.feature_main { padding: 80px 0;}
.feature_main::before { width: 290px; height: 182px;}
.footer_top { padding: 60px 0 0;}
.footer_btm { padding: 20px 0; margin-top: 50px;}
.gallery_inner { column-count: 4; column-gap: 20px; margin-top: 65px; }
.feature_main.global_text h2 { font-size: 30px; line-height: 40px;}
.global_text h1 span::before, .global_text h2 span::before { bottom: -10px;}
.works_inner { margin-top: 26px;}
.process_innr img { max-width: 100%; width: 150px;}
.process_innr { margin-top: 30px; padding: 0;}
.feature_main::after { width: 280px; height: 137px; right: -26px; top: 22px;}
.footer_box p br{ display: none; }

}


@media only screen and (max-width: 991px) {
.container{ max-width: 720px;}  
.nav_top .navbar-toggler{ border-color: #383e40; background: #383e40;}
.nav_top .navbar-toggler{ padding: 10px; margin-right: 0;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;  border-radius: 1px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 4px;}
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px;  background-color: #fff;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}

.nav_top .navbar-toggler {border: none;background: none; margin: 0;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-ms-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); 
	 -webkit-transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;  width: 0px;}  
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-ms-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); -webkit-transform: matrix(1, 1, 0, 1, 0, 0);
width: 25px;  margin-top: -11px;} 
.nav_top .navbar-toggler .icon-bar { display: block; width: 30px; height: 4px; border-radius: 3px; background-color: #60c4bf; opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.nav_top .navbar-toggler { width: 45px; height: 40px; text-align: center; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 0px;
    border: 0px solid transparent; border-top-color: transparent;border-right-color: transparent;    border-bottom-color: transparent;
        border-left-color: transparent; position: relative; border: none; outline: none; }

.bannerItm{ height: 412px; }
.ban_box b { font-size: 45px; line-height: 52px;}
.ban_box em { font-size: 35px; line-height: 54px; margin: 20px 0 0;}
.ban_box em::before { background-size: 209px; bottom: -7px;}
.ban_right { width: 64%; }

.header_sec { padding: 12px 0; }
.bannersecs::before { width: 20px; }
.about_main { padding: 35px 0 80px 0; }
.about_main::after { width: 290px; height: 148px; top: -30px;}
.global_text h1, .global_text h2 { font-size: 27px; line-height: 37px;}
.about_main { position: relative; display: inline-block; z-index: 9;}
.about_main::before { width: 290px; height: 184px;}
.works_main { z-index: 9;}
.works_main { padding: 30px 0 0;}
.works_right h3 { font-size: 24px; line-height: 30px;}
.works_right h4 { font-size: 20px; line-height: 22px;}
.works_right p { font-size: 15px; line-height: 20px;}
.step_arrow1 { width: 115px; left: 33%; bottom: -125px;}
.step_arrow2 { width: 50px; left: 58%; bottom: -78px;}
.process_main { padding: 40px 0 80px 0;}
.process_innr h4 { font-size: 16px; line-height: 20px;}
.gallery_main h2 { font-size: 45px; line-height: 60px;}
.gallery_main h2 span::before { bottom: -4px;}
.gallery_main { padding: 40px 0;}
.about_main_inner p { font-size: 16px; line-height: 26px; padding-top: 15px;}
.about_main_inner a { width: 178px; height: 50px; margin-top: 20px; font-size: 18px; line-height: 46px;}
.feature_main { padding: 60px 0;}
.feature_main::before { width: 180px;  height: 112px;}
.footer_top { padding: 60px 0 0;}
.footer_btm { padding: 15px 0; margin-top: 20px; text-align: center;}
.gallery_inner { column-count: 3;  column-gap: 15px; margin-top: 40px;}
.gallery_image { margin-bottom: 15px;}
.feature_main.global_text h2 { font-size: 25px; line-height: 30px;}
.global_text h1 span::before, .global_text h2 span::before { bottom: -10px;}
.works_inner { margin-top: 26px;}
.process_innr img { max-width: 100%; width: 150px;}
.process_innr { margin-top: 30px; padding: 0;}
.feature_main::after { width: 210px; height: 96px; right: -13px; top: 22px;}
.footer_box p br{ display: none; }

.nav_top .navbar-brand { width: 160px; }
.top_right_section { right: 46px; top: 9px; }
.top_right_section li { margin-left: 10px; }
.about_main::after{ display: none; }
.feature_main .about_main_inner {  padding-top: 26px;}
.footer_box { margin-bottom: 30px;}
.footer_btm ul.ftr_sos{ width: 100%; float: none; display: inline-block; }
.footer_btm ul.ftr_sos li{ float: none; display: inline-block; }    
.footer_btm span{ width: 100%; float: none; display: inline-block; position: inherit; left: inherit; top: inherit; transform: inherit; margin: 10px 0 0; }
.live_chat { float: none; display: inline-block; position: inherit; right: inherit; top: inherit; margin: 20px 0 0; background-position: center bottom; text-align: center; padding: 0 0 50px;}  
.menu_sec { padding-right: 0; padding-top: 5px; border-top: 1px solid #ccc; margin-top: 15px; }
.menu_sec li { margin-left: 0;}    
.menu_sec li a{ width: 100%; }    
.about_main::before{ display: none; }    
    
    
    
    
} 
 
 
@media only screen and (max-width: 767px){
.container{ max-width: 100%; } 

.bannerItm { height: auto; }
.bantext{ position: inherit; left: inherit; top: inherit; transform: inherit; }
.ban_right{ position: inherit; right: inherit; top: inherit; width: 100%; }
.ban_box { width: 100%; display: inline-block; text-align: center; padding: 30px 0 0;}
.ban_box em::before { background-size: 209px; bottom: -7px; background-position: center bottom;}
.works_right { width: 100%;}
.works_image { margin-top: 30px; text-align: center;}
.step_arrow1, .step_arrow2{ display: none; }
.process_main .row { justify-content: center;}




}

@media only screen and (max-width: 575px){ 
.ban_box b { font-size: 40px; line-height: 45px;}
.ban_box em { font-size: 26px; line-height: 47px; margin: 12px 0 0;}
.ban_box em::before { background-size: 160px; bottom: 0px; background-position: center bottom;}
.about_main { padding: 25px 0 75px 0;}
.global_text h1, .global_text h2 { font-size: 24px; line-height: 34px;}
.about_main_inner p { font-size: 15px; line-height: 25px;  padding-top: 10px;}
.about_main_inner p br{ display: none; }
.works_right h3 { font-size: 20px; line-height: 25px;}
.works_right h4 { font-size: 18px; line-height: 20px; padding: 15px 0 0;}
.process_main { padding: 30px 0 65px 0;}
.process_innr { margin-top: 20px; padding: 0;}
.process_innr img { max-width: 100%; width: 130px;}
.gallery_main h2 { font-size: 32px; line-height: 43px;}
.gallery_inner {  column-count: 2; column-gap: 15px; margin-top: 30px;}
.feature_main.global_text h2 { font-size: 23px; line-height: 30px;}
.footer_top { padding: 45px 0 0;}
.feature_main::before, .feature_main::after { display: none; }
.footer_box { margin-bottom: 20px;}
.footer_btm { padding: 22px 0; margin-top: 15px; text-align: center;}
.footer_btm span{ line-height: 26px; }
.bannersecs::before { width: 15px;}





} 
