/*header_start*/   

.header_top_main{ display: flex; flex-wrap: wrap; align-items: center;}

.header_top_main .header_logo{ width:30%;}
.header_top_main .header_center{ width:35%; text-align: center;}

.header_top_main .header_top_right{ width:35%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}

.header-contact{ padding-left:35px;}

.header-contact a{ font-weight: 500; color: #252526; font-size:18px;}

.header_contact_number{ display: flex; flex-wrap: wrap; align-items: center;}

.header_contact_number img{ margin-right:10px;}

header{ width: 100%; z-index: 9; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); position: relative; max-width:1920px; margin: auto;}

header .header_navigation ul {	display: flex;	flex-wrap: wrap; font-weight: 600;}

header .header_navigation  ul > li{ margin-right: 70px; padding: 15px 0px; }

header .header_navigation  ul > li:last-child{ margin-right: 0px;}

header .header_navigation  ul li a{ color: #fff; font-size: 15px; font-weight: 500; text-transform: uppercase;}

header .header_navigation .arrow {position: absolute;}

header .header_navigation  ul li a:hover{ color: #3da9fc; }

.mobile_header {display: none;}

.header_top{ padding:15px 0px;}


.header_bottom .container{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}



/*header_navigation_desktop*/

.header_navigation{ margin: auto;}

.header_navigation ul li{ position: relative; }

.header_navigation ul li .sub-menu {

    background-color: transparent;  color: #fff;  position: absolute;  min-width: 270px;  width:100%;  left: 0;

    top: calc(100% + 0px);    z-index: 1;  visibility: hidden;  opacity: 0;  -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transition: all 0.5s ease-in-out 0s;

    -moz-transition: all 0.5s ease-in-out 0s;

    -ms-transition: all 0.5s ease-in-out 0s;

    -o-transition: all 0.5s ease-in-out 0s;

    transition: all 0.5s ease-in-out 0s;

    transform-origin: 0 0 0;

    margin-left: 0;

    padding:0;

    -webkit-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);

-moz-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);

box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);



}

.header_navigation ul li .sub-menu::before {

    content: "";

    /*background-color: #3da9fc;*/

    opacity: 0.9;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

}

.header_navigation ul li:hover  .sub-menu, .header_navigation ul li:focus {

    visibility: visible;    opacity: 1;    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);

    -o-transform: scale(1);    transform: scale(1);}

.header_navigation ul li .sub-menu li{ display: block; width:100%; margin-right:0px; padding:0px; }

.header_navigation ul li .sub-menu li a {  width: 100%; display: block; padding: 10px 15px; font-family: 'Sarabun', sans-serif; text-transform: capitalize;  margin-bottom: 1px; font-size: 15px; font-weight: 700;border-bottom: 1px solid #616161; }

.header_navigation ul li .sub-menu li:last-child a{ border-bottom:none; }



.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }

.menu_section .menu_bottom  .sub-menu{ display:block;}

.header_navigation .arrow i{ font-size: 14px; color: #fff;  line-height: 14px;  margin-left: 5px;}

.navbar-fostrap {  display: none;}

/*header_navigation_desktop*/



/*header_end*/





@media (min-width: 1200px) and (max-width: 1399px) { 

    

/*header*/    

header .header_navigation > ul > li{margin-right:40px;}    

header .social_icons {  padding-right: 35px;}    

/*header*/

      

}





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

    

/*header*/      

.header_top_main .header_top_right{ width:70%;}    

.header_top_main .header_logo { width: 30%;}    

header .header_navigation > ul > li a{ font-size:14px; }

header .header_navigation > ul > li{ margin-right:40px; padding:12px 0px}    

.header-contact a.header_contact_number{ font-size:16px;}    

header .social_icons {  padding-right: 25px;} 

.header_top_menu li a{ font-size:18px;}    

/*header*/   

         

}





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

.header_top_main{ justify-content: space-between;}     

header .header_navigation ul > li{ margin-right: 30px;}

header .header_navigation ul li a{ font-size: 13px;}    

.header_top_main .header_logo { width: 200px;}   

.header_top_main .header_top_right{ width:auto;}   

.header_logo2 { width: 130px;}  

.header-contact {  padding-left: 15px;}

.header-contact a.header_contact_number {  font-size: 14px;}     

}



@media (max-width: 767px) { 

/*header*/    

.header_top_main{ justify-content: space-between;}    

.header_top_menu li { padding: 0px 12px; line-height: 15px;}

.header_top_menu li a {font-size: 14px;}

.header_bottom .container{ justify-content: flex-end;}    

.header_top_main .header_logo { width: 180px;}   

.header_top_main .header_top_right{ width:auto;}   

.header_logo2 { width: 130px;}  

.header-contact {  padding-left: 15px;}

.header-contact a.header_contact_number {  font-size: 13px;}  

    

/*header*/ 

    

   

/*nav_START*/

.header_navigation.visible > ul > li.menu-item-has-children span.arrow  {color: #fff;line-height: 45px;background: #000;}

.header_navigation.visible > ul > li.menu-item-has-children span.arrow  i{ color: #fff; }

.header_navigation ul li:hover > .sub-menu, .header_navigation ul li:focus {visibility: visible;opacity: 1;-webkit-transform: scale(1);

    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.header_navigation > ul > li .sub-menu {background-color: rgb(0 191 146);position: absolute;width: 200px;

    left: 0;top: calc(100% + 42px);z-index: 1;visibility: hidden;opacity: 0;-webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);

    -webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;

    -o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;transform-origin: 0 0 0;margin-left: 0;

    box-shadow: 0 0px 13px #eaeaea;}

.header_navigation.visible {right: 0;-webkit-transition: right .4s ease;-moz-transition: right .4s ease;-ms-transition: right .4s ease;

-o-transition: right .4s ease;transition: right .4s ease;height: 100vh;}

.header_navigation {z-index: 999;background: #282829;width: 400px;display: block;bottom: 0;position: fixed; right: -100%;top: 0;

    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;

    -o-transition: all .4s ease;transition: all .4s ease;margin: 0;border: 0;border-radius: 0;

    overflow-y: auto;overflow-x: hidden;height: 100vh; }

.mobile_header {padding: 20px 15px; display: flex; justify-content: space-between;align-items: center;}

.mobile_header img {width:170px; filter: grayscale(1) invert(1);}

.header_navigation ul li a {font-size: 14px;padding: 10px 15px;display: block;text-transform: uppercase;color: #fff;}

span.arrow {position: absolute;top: 0;bottom: 0;right: 0;width: 40px;height: auto;line-height: 24px;font-size: 13px;text-align: center;color: #424242;display: block;}

.header_navigation > ul > li .sub-menu {border: none;box-shadow: none; top: 0px;opacity: 1;min-width: 100%;width: 100%;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: none;visibility: visible;left: 0px;z-index: 99;

background-color: #34bcc5;position: inherit;display: none;}

.header_navigation ul li:last-child, .menubar_logo {display: block;}

.header_navigation > ul > li > .sub-menu li a {font-size: 15px;background: #3da9fc;}

.header_navigation ul li a {font-size: 15px;padding: 10px 15px;display: block;border-bottom: 1px solid #000;text-transform: uppercase;

color: #fff;font-weight: 600;  text-align: left;}

.header_navigation ul li{ width:100%; display:block; }

.header_navigation ul li a:hover{ background-color: #000; color: #f99305; }

header .header_navigation  ul > li {    margin-right: 0px;    padding: 0px;}    

/*nav_end*/



.navbar-fostrap {display: inline-block;cursor: pointer;margin: 0px 0px 0px 15px;padding:0px 0 0px;z-index: 9999;}

.navbar-fostrap span {height: 4px;background: #fff;margin: 5px 0;display: block;transition: 0.3s ease;width: 32px;}

.-bg .navbar-fostrap span:nth-child(1) {transform: rotate(45deg);}

.-bg .navbar-fostrap span:nth-child(2) {display: none;}

.-bg .navbar-fostrap span:nth-child(3) {transform: rotate(-45deg);margin-top: -10px;}

.-bg .navbar-fostrap {

    position: absolute;

    top: 28px;

    right: 15px;

}

.navbar-fostrap.cross_icon span{ left:15px;}

.header_bottom { min-height: 42px; display: flex;  flex-wrap: wrap;  align-items: center;}    

   

}



@media (max-width: 574px) { 

/*header*/       

.header_top { padding: 15px 0px;}

.header_top .row [class*="col-"] img{ max-width:100%; width:150px;}    

.header_navigation{ width:100%;}   

.header-contact {  padding-left: 15px;}    

.header_top_main .header_logo {  width: 100%; text-align: center; padding-bottom:15px;}  

.header_top_main .header_logo img{ max-width:200px;}    

.header_top_main .header_top_right{ width:100%; justify-content: space-between;}  
.header_top_main .header_center{ width:100%; justify-content: space-between;}  

.header_top_main .header_top_right img{ max-width: 110px;}        

/*header*/    

    

}