@import url('https://fonts.googleapis.com/css2?family=Mr+De+Haviland&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    -webkit-font-smoothing: antialiased !important;
}

html {
    scroll-behavior: smooth;
}


h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 48px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 10px;
    letter-spacing: 5px;
}



p,span,ul,li,a {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none!important;
}

ul {
    list-style: none;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no_space {
    padding-right: 0px;
    padding-left: 0px;
}

.sec {
    width: 100%;
    padding: 60px 0;
}


.main_btn1 {
    background: #feb704;
    color: #000000;
    padding: 12px 20px;
    font-size: 14px;
    display: inline-block;
    transition: linear 0.3s;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
}
.main_btn1:hover {
    box-shadow: 7px 10px 15px 0px rgba(0, 0, 0, 0.26666666666666666);
    color: #000;
}
.main_btn2 {
    background: #4dc247;
    color: #fff;
    padding: 11px 20px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
    transition: linear 0.3s;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
}
.main_btn2:hover {
    box-shadow: 7px 10px 15px 0px rgba(0, 0, 0, 0.26666666666666666);
    color: #000;
}
/************************** btns_call  ************************************/
/*sidebar Chat*/

.chat_btn_wrap{position:fixed;right: -7px;z-index: 2;}
.chat_btn_wrap a:hover{text-decoration: none!important;right: 0px;}
.chat_btn_wrap .chat_wrap{width: 310px;position: absolute;right: -247px;background: #ECA223;top: 200px;border-radius: 50px 0 0 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.chat_btn_wrap .chat_wrap span{border-left: 1px solid #000000;color: #000000;font-size: 18px;vertical-align: middle;background: #ECA223;padding: 17px 12px;}
.chat_btn_wrap .chat_wrap span.icoo,.btns_call .chat_wrap span.icoo{color: #000;font-size: 22px;padding: 10px 10px 10px 20px;vertical-align: middle;display: inline-block;border: none;}

/*sidebar Chat

/*sidebar num*/
.btns_call{position:fixed;right: 11px;z-index: 2;}
.btns_call a:hover{text-decoration: none!important;right: -12px;}
.btns_call .call_wrap{width: 279px;position: absolute;right: -238px;background: #ECA223;top: 270px;border-radius: 50px 0 0 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.btns_call .call_wrap span{border-left: 1px solid #000000;color: #000;font-size: 18px;vertical-align: middle;background: #ECA223;padding: 17px 21px;}
.btns_call .chat_wrap span.icoo,.btns_call .call_wrap span.icoo{color: #000;font-size: 22px;padding: 10px 10px 10px 15px;vertical-align: middle;display: inline-block;}
/*sidebar num*/





/************************** popup ************************************/

/*sidebar form*/
.sidebar_form_bg {width: 290px;position: fixed;top: 20%;right: 0;/* transform: translate(845px, 0); */border-radius: 5px;cursor: pointer;transition: linear .3s;z-index: 999;box-shadow: 46px 5px 10px 0 #00000029;right: -301px;}
.sidebar_active { transform: translate(0, 0); }
.sidebar_head {position: absolute;left: -66px;background: #ECA223;padding: 10px;color: #000000;top: 208px;width: 66px;text-align: center;border-radius: 40px 0 0px 40px;border: 1px solid #ECA223;}
.sidebar_head span {
    font-size: 20px;
    position: relative;
    z-index: 999;
}
.sidebar_form {background: #000;padding: 0px;height: 332px;display: flex;flex-direction: column;/* flex-wrap: nowrap; *//* align-content: center; *//* align-items: stretch; */border: 2px solid #ECA223;z-index: 999;position: relative;top: 80px;}
.sidebar_head h3 { font-size: 20px; color: #ffffff; }
.sidebar_head h3 span { color: #e2013f; font-weight: 600; }
.sidebar_form .form-control {padding: 13px;height: auto;border: 2px solid #ECA223;background: transparent;color: #fff;}
.sidebar_right {padding: 20px;position: relative;z-index: 999;}
.sidebar_right button.ban_btn {background: #ECA223;padding: 8px 50px;border-radius: 5px;border: 2px solid #ECA223;color: #000000;font-weight: 500;text-transform: uppercase;}
.error_page { text-align: center; padding: 140px 0; }
.ban_left.error_page h2 { text-align: center; margin: 0 0 20px; color: #fff; }
.sidebar_form_bg:hover {
    right: 0;
}

.sidebar_right h3 {
    color: #ECA223;
    margin: 0 0 20px;
}
/*sidebar form end*/
/************************** popup  ************************************/

.modal-content {
    background: url(img/popup_bg.png) no-repeat center;
    background-size: cover;
}

.modal-dialog {
    width: 50%;
}

.modal-body {
    position: relative;
    padding: 50px 30px;
}

.modal {
    background: #0e1134c7;
}

.modal h5 {
    font-size: 24px;
}

.modal h4 {
    font-size: 32px;
    font-weight: 600;
    color: #13103c;
    margin: 10px 0;
}

.modal .form-control {
    padding: 13px 10px 13px 40px;
    height: auto;
    border: 2px solid #5a87db;
    color: #000;
    font-size: 16px;
}

.field {
    position: relative;
    margin: 5px 0;
}

span.pop_icon {
    position: absolute;
    left: 15px;
    font-size: 20px;
    top: 10px;
    color: #5a87db;
}

button.pop_btn {
    display: block;
    width: 100%;
    background: linear-gradient(90deg, rgb(75 146 221) 0%, #de1fb3 100%);
    color: #fff;
    border-radius: 6px;
    border: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
}

.modal textarea.form-control {
    resize: none;
}

.modal p {
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

button.close {
    background: url(img/cross.html) no-repeat 0 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 9px;
    right: 15px;
    display: block;
    z-index: 222220;
    opacity: 1;
}

/************************** popup ************************************/

/************************** header  ************************************/

.wow {
    animation-duration: 3s;

}

/************************** header  ************************************/
/************************** header  ************************************/
.header {
    width: 100%;
    /* background: #000000; */
    padding: 0;
    /* position: absolute; */
    z-index: 999;
}
.head_top {
    background: #ffffff;
    padding: 10px 0;
}
/*.logo a, .foot_tright a {
    display: flex;
    align-items: center;
}*/


.head_mid .navbar-nav > li {
    display: inline-block;
    float: none;
}

/*.main_navigation {
    width: 100%;
    padding: 9px 0;
}*/

.navbar-inverse {
    background-color: transparent;
    border: none;
}

.navbar-collapse.collapse {
    float: none;
    padding: 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #2b617c;
    padding: 7px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    transition: linear 0.3s;
    position: relative;
    margin: 0;
}

.head_mid .navbar-nav > li > a:hover {
    color: #000000;
    background: #e5a504;
}




.head_mid .navbar-nav > li > a:hover::before {
    right: 0;
    color: #000;
}

.head_bot {
    width: 100%;
    border-top: 1px solid #fff;
    background: #2b617c;
}
.head_mid.bot .navbar-inverse .navbar-nav > li > a {
    padding: 10px 4px;
    color: #fff;
    font-size: 12px;
}
.head_mid.bot .navbar-inverse .navbar-nav > li > a:hover {
    background: #255a75;
    color: #ffffff;
}
/***********************************************************/
.head_mid.top {
    margin: 16px 0;
}
.head_top .head_mid.bot {
    display: none;
}
ul.nav.navbar-nav.res {
    display: none;
}

ul.nav.navbar-nav.response li.ser_heading h3 {
    display: none;
}
/***********************************************************/


ul.dropdown-menu.menu1 {
    column-count: 2;
    width: 700px;
    padding: 30px;
}
ul.dropdown-menu.menu1 li h3 {
    color: #fff;
    border-bottom: 1px solid #ffffff;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}
ul.dropdown-menu.menu1 li a {
    padding: 10px 0 10px 20px;
}

ul.dropdown-menu.menu2 {
    width: 350px;
}

ul.dropdown-menu.menu2 li a {
    text-transform: uppercase;
    font-size: 12px;
}

ul.dropdown-menu.menu3 {
    width: 350px;
    left: -155px;
}

ul.dropdown-menu.menu3 li a {
    text-transform: uppercase;
    font-size: 12px;
}
/***********************************************************/
.dropdown-menu{padding:8px 0;margin:0;background-color:#fff;top:65px;}
ul.dropdown-menu{position:absolute;width: 280px;top: 40px;left:0;margin:auto;background: #2b617c;padding:5px 25px 25px 20px;text-align:left;border-radius:0 0 5px 5px;}
.dropdown-menu > li > a{color: #ffffff;text-align:left;font-size: 14px;text-transform:capitalize;font-weight: 600;padding:10px 0 5px;letter-spacing: 2px;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background: #fffffff7;color: #2b617c;}
ul.dropdown-menu li{width:100%;border-bottom: 1px solid #ffffff;}
.caret {
    color: #fff;
    margin-left: 9px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #000;
    background-color: transparent;
}

.nav.navbar-nav {
    display: block;
    text-align: right;
}

.navbar-nav {
    float: none;
}

.navbar.navbar-inverse {
    margin-bottom: 0;
}

.navbar {
    min-height: auto;
}

.navbar-inverse .navbar-nav > li > a.main_btn {
    padding: 10px 30px;
    top: 14px;
    color: #000;
    font-weight: 600;
}

.navbar-inverse .navbar-nav > li > a.main_btn:hover {
    background: #342ead;
    color: #fff;
}

.head_right {
    width: 100%;
    margin: 16px 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.head_right ul {
    margin: 0 0 0 30px;
}
.head_right ul li {
    display: inline-block;
    margin: 0 0 0 10px;
}

.head_right ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #2b617c;
    transition: linear 0.3s;
}

.head_right ul li a:hover {
    color: #f2ae04;
}
.head_right ul li a span {
    margin: 0 5px 0 0;
}
.head_right ul.social_links li a {
    font-size: 22px;
}

/************************** section 1  ************************************/

.h_banner {
    min-height: 500px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    padding: 60px 0;
}

.h_banner video {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    }

.h_banner:before { content: ""; background: #00000078;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;}


.ban_left {
    width: 100%;
    color: #fff;
    margin: 60px 0 0;
}
.ban_left h6 {
    font-family: "Mr De Haviland", cursive;
    font-size: 40px;
    color: #feb704;
}

.ban_left h1 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 20px;
    font-style: italic;
}

.ban_left h3 {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 30px;
}

.ban_left ul li {
    display: inline-block;
    margin: 0 30px 0 0;
}
/*.ban_left img {
    position: relative;
    left: 30%;
    margin: 30px 0 0;
}*/



.ban_right {width: 100%;position: relative;background: #2359743b;padding: 20px;border-radius: 10px;border: 1px solid #ffffff;overflow: hidden;}


.ban_right::before {
    content: "";
    position: absolute;
    background: radial-gradient(circle, #2b617c 0%, #205671 85%);
    top: -82%;
    bottom: 80%;
    left: -10%;
    right: 0;
    z-index: 0;
    border-radius: 10px 0px 300px 240px;
    width: 124%;
    box-shadow: 10px -5px 1px 10px #feb704;
}

.ban_right h3 {
    font-size: 36px;
    font-weight: 700;
    position: relative;
    text-align: center;
    color: #fff;
}
.ban_right h3 span {
    color: #feb704;
}
.ban_right p {
    position: relative;
    margin: 0 0 70px;
    color: #fff;
    margin: 5px 0 0;
    text-align: center;
    font-size: 18px;
}

.ban_right form {
    margin: 60px 0 0;
}

.ban_right .form-group input {
    height: 40px;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
}
.ban_right .form-group textarea {
    height: 60px;
    border: none;
    border-bottom: 1px solid #ffffff;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
}
.ban_right .form-group input::placeholder, .ban_right .form-group textarea::placeholder {
    color: #fff
    ;
}

.ban_right .form-group button {
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    background: #245a75;
    border: none;
    border-radius: 5px;
    color: #fff;
    transition: linear 0.3s;
}

/*.ban_right form {
    width: 100%;
    background: #00000069;
    padding: 30px 10px 20px;
    display: inline-block;
    border-radius: 5px;
}



.ban_right form input {
    height: 45px;
    border-radius: 0;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.ban_right form input::placeholder {
    color: #000;
}

.ban_right form textarea {
    height: 100px;
    border-radius: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.ban_right form textarea::placeholder {
    color: #000;
}

.ban_right form button.main_btn1 {
    background: #feb705;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}*/
/************************** section 1  ************************************/
.h_sec1.sec {
    background: #2b617c url(img/s1_banner.png) no-repeat;
    background-size: cover;
    color: #fff;
}
.s1_top {
    width: 100%;
    text-align: center;
}
.s1_box span i.icon-ok-4 {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 26px;
    color: #fff;
}
.s1_box span i.icon-ok-4:before { 
    content: '\f00c';
    font-family: fontAwesome;    

 }

 .s1_box {
    width: 100%;
    padding: 0px 0 0 80px;
    margin: 50px 0 0;
    position: relative;
}

.s1_box h3 {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
}
.s1_box p {
    font-weight: 500;
    font-size: 14px;
}

/************************** section 1  ************************************/
.h_sec2 {
    background: #fafafa;
}
.s2_top {
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}
.s2_box {
    border: 1px solid #ededed;
    border-radius: 0 0 5px 5px;
}
.s2_text {
    width: 100%;
    padding: 15px 20px;
    /* border: 1px solid #000; */
    border-top: none;
    background: #fff;
    border-radius: 0 0 4px 4px;
}

.s2_text h3 {
    font-size: 16px;
    font-weight: 600;
    color: #2d4050;
    margin: 0 0 10px;
}

.s2_text p {
    font-size: 13px;
    color: #2d4050;
    border-bottom: 1px solid #ededed;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.s2_text a {
    font-weight: 600;
    color: #2b617c;
}
.s2_text a span {
    margin: 0 8px 0 0;
}

/************************** section 1  ************************************/
.s3_top {
    width: 100%;
    text-align: center;
}
.s3_box {
    width: 100%;
    display: flex;
    margin: 40px 0 0;
}

.s3_lbox {background: #2b617c;padding: 16px;height: 60px;margin: 0 20px 0 0;color: #fff;}

.s3_rbox {
    width: 100%;
}

.s3_rbox h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
}

.s3_rbox p {
    font-weight: 500;
    font-size: 14px;
    margin: 0 0 10px;
}
.s3_rbox a {
    font-weight: 600;
}
.s3_rbox a span {
    margin: 0 8px 0 0;
}
/************************** section 1  ************************************/
.h_sec4.sec {
    background: url(img/s4_banner.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}
.s4_top {
    width: 100%;
    text-align: center;
}
.s4_top h2 {
    font-size: 60px;
}
.s4_box h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 30px 0 20px;
}
.s4_box h4 {
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
}
.h_sec4 .owl-carousel .owl-dots.disabled {
    display: block;
}
.h_sec4 .owl-dots {
    margin-top: 30px;
}
.h_sec4 button.owl-dot.active {
    background: #000;
    
}


.h_sec4 button.owl-dot  {width: 10px;height: 10px;border-radius: 50%;margin: 0 5px;background: #ddd}


/************************** section 1  ************************************/
/* Newsletter */
.h_sec5.sec {
    background: #1c1c1c;
    text-align: center;
    color: #fff;
}

.s5_box h3 {
    margin: 30px 0 20px;
}
.s5_box input.form-control {margin-bottom:0;background-color:#262626;border:none;height: 55px;/*width:380px;*/width:50%;padding-left:25px;color:#676767;margin-top:-3px;border-radius: 0;}

.s5_btn {
    border:2px solid #f7901e;
    background:none;
    color:#f7901e;
    outline:none;
    padding:13px 24px 13px 24px;
    text-decoration:none; 
    transition: background .5s ease; 
    -moz-transition: background .5s ease; 
    -webkit-transition: background .5s ease; 
    -o-transition: background .5s ease;
    display:inline-block;
    cursor:pointer;
    font-weight:600;
    font-size:16px;
    text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    outline:none;
    
}
/************************** section 1  ************************************/

.h_banner.inn {
    background: #2b617ce8 url(img/s1_banner.png) no-repeat;
    background-size: cover;
    /* text-align: center; */
    padding: 60px 0;
}

.ban_left.inn h4 {
    font-weight: 600;
    line-height: 25px;
}

.ban_left.inn {
    margin: 0 0 30px;
}

/************************** section 1  ************************************/
.in_s1_left h2 {
    color: #2b617c;
}
.in_s1_left p {
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 600;
}

.in_s1_right {
    border: 1px solid #2b617c;
    border-radius: 10px;
    padding: 20px;
}

.in_s1_right ul li {
    margin: 5px;
    font-size: 14px;
    font-weight: 500;
}
.in_s1_right ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2b617c;
    font-weight: 600;
    border-bottom: 1px solid #dddddd8a;
}
.in_s1_right ul li a:hover {
    color: #000;
}

.in_s1_right ul li h3 {
    text-transform: uppercase;
    margin: 0 0 15px;
    border-bottom: 1px solid #2b617c;
    padding: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
}

/************************** section 1  ************************************/
.contact_banner {
    width: 100%;
    background: #0000002e url(img/contact_banner.jpg) no-repeat center top 45%;
    background-size: cover;
    height: 70vh;
    background-blend-mode: overlay;
}
.con1_left > p {
    margin: 20px 0 30px;
}
.con1_lbox {
    width: 100%;
    border-left: 3px solid #ddd;
    padding: 0 0 0 30px;
}

.con1_lbox h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
}

.con1_lbox a.mail {
    color: #2b617c;
    margin: 0 0 10px;
    display: block;
    font-weight: 600;
}

.con1_lbox a.phone {
    color: #000;
    font-weight: 700;
}

.con1_right {
    margin: 20px 0 0;
}

.con1_right input.form-control {
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #ddd;
    background: transparent;
}

.con1_right textarea.form-control {
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #ddd;
    background: transparent;
}

.con1_right button {
    padding: 15px 60px;
    border: 2px solid #000;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}


.con2_top {width: 100%;text-align: center;margin: 0 0 30px;}

.con_sec2.sec1 {background: #181818;}

.con2_top h2 {
    color: #ffffff;
}

.con2_box h3 {
    color: #000;
    background: #eca223;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 0 10px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.con2_box ul {
    list-style: inside;
}

.con2_box ul li {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/
/************************** section 1  ************************************/

/***************************footer*******************************/
.footer {
    width: 100%;
    background: #1c1c1c;
}

.foot_top_box {
    width: 100%;
    padding: 60px 0;
    border-top: 1px solid #2a2a2a;
}



.foot_mbox h3 {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px;
}
.foot_mbox ul li a {
    color: #fff;
    font-size: 14px;
}
.foot_mbox ul li a span {
    margin: 0 10px 0 0;
}
.foot_mbox p {
    color: #fff;
}

.foot_bot {
    width: 100%;
    text-align: center;
    background: #000;
    padding: 20px 0;
}

.foot_bleft {
    width: 100%;
}

.foot_bleft p {
    margin: 0;
    color: #ffffff;
}



/**************************************************/
/**************************************************/

/*responsive*/
@media screen and (max-width: 1600px) {
    ul.dropdown-menu.menu3 {
    left: -194px;
}

}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 980px) {
    h2 {
    font-size: 35px;
}
    ul.nav.navbar-nav.response {
    text-align: center;
}
    ul.dropdown-menu.menu2.response {
    left: -185px;
}
    .navbar-inverse .navbar-nav > li > a {
    padding: 7px 5px;
}
    .head_right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
}

    .h_banner {
    min-height: 430px;
}
    
    .ban_left h6 {
    font-size: 30px;
}
    .ban_left h1 {
    font-size: 28px;
    margin: 0 0  10px;
}
    .ban_left h3 {
    font-size: 16px;
}

    .ban_right h3 {
    font-size: 24px;
}
    .ban_right::before {
    bottom: 85%;
}
    .ban_right form {
    margin: 30px 0 0;
}
    .ban_right form input {
    height: 30px;
}
    .ban_right form input::placeholder, .ban_right form textarea::placeholder {
    font-size: 12px;
}
    .ban_right form button.main_btn1 {
    padding: 12px 10px;
    font-size: 12px;
}
    .s1_bot {
    display: inline-block;
}

    .s1_box h3 {
    font-size: 16px;
}
    .s1_box p {
    height: 150px;
}
    .s2_top {
    margin: 0;
}
    .s2_box {
    margin: 30px 0 0;
}
    .s3_box {
    height: 220px;
}
    .s4_top h2 {
    font-size: 40px;
}   
    .in_s1_right {
    margin: 20px 0 0;
}


    

}
@media screen and (max-width: 767px) {
    .sec {
    padding: 30px 0;
}
    h2 {
    font-size: 20px;
    letter-spacing: 1px;
}
    .main_btn1, .main_btn2 {
    width: 100%;
}
    .head_top .head_mid.bot {
    display: none;
}

    .head_right {
    display: none;
}
    .head_mid.top {
    display: none;
}

    .navbar-toggle {
    margin-top: -56px;
}
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #2b617c;
    border-color: #fff;
}
    .navbar-inverse .navbar-toggle {
    border-color: #ffffff;
    background: #2b617c;
}
    .nav.navbar-nav {
    display: flex;
    text-align: left;
    flex-direction: column;
}
    
    .head_mid.bot .navbar-inverse .navbar-nav > li > a {
    padding: 5px 4px;
}
    ul.nav.navbar-nav.response {
    text-align: left;
}
    ul.dropdown-menu.menu1 {
    column-count: 1;
    width: 700px;
    padding: 10px;
}
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    padding: 5px 15px 5px 0;
    font-size: 11px;
}
    ul.dropdown-menu.menu1 li h3 {
    margin: 10px 0 0;
    font-size: 16px;    
}
    ul.dropdown-menu {
    padding: 0;
}

    .ban_left {
    margin: 0 0 0;
}
    .ban_left h1 {
    font-size: 24px;
    margin: 0 0 10px;
}
    .ban_left h3 {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 20px;
}
    .ban_left ul li {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
}
    .h_banner {
    padding: 30px 0;
}
    .ban_right form button.main_btn1 {
    width: 100%;
}
    .ban_right h3 {
    font-size: 14px;
}
    .s1_box {
    padding: 0px 0 0 40px;
}
    .s1_box p {
    height: auto;
}
    .s1_box span i.icon-ok-4 {
    width: 25px;
    height: 25px;
    line-height: 23px;
    border: 2px solid #fff;
    font-size: 10px;
}
    .s1_box {
    margin: 30px 0 0;
}
    .s3_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
}
    .s3_lbox {
    padding: 10px;
    height: 40px;
    margin: 0 0 10px;
}
    .s3_lbox h3 {
    font-size: 16px;
}
    .s4_top h2 {
    font-size: 30px;
    text-align: left;
}
    .s4_box h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 20px;
}
    .s5_box h3, .s5_form.form-inline {
    display: none;
}
    .foot_top_box {
    width: 100%;
    padding: 10px 0 30px;
    border-top: 1px solid #2a2a2a;
}

    .foot_mbox h3 {
    font-size: 16px;
    margin: 20px 0 10px;
}
    .h_banner.inn {
    padding: 30px 0;
}
    .ban_left.inn h1 {
    font-size: 20px;
}
    .ban_left.inn h4 {
    font-weight: 400;
    line-height: 18px;
    font-size: 14px;
}
    .contact_banner {
    width: 100%;
    background: #0000002e url(img/contact_banner.jpg) no-repeat center top 45%;
    background-size: cover;
    height: 20vh;
    background-blend-mode: overlay;
}

    ul.nav.navbar-nav.res {
    display: block;
}

    ul.nav.navbar-nav.response li.ser_heading h3 {
    display: block;
    color: #fff;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 22px;
}






}