/*

* Theme Name: Internet Mae Khong

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/ 

@font-face{
	font-family:"MyanmarAngoun";
	src:url(/wp-content/themes/ns-maekhong/fonts/Angoun/MyanmarAngoun.ttf);
	}
@font-face{
    font-family:"MyanmarAngoun";
    src:url(/wp-content/themes/ns-maekhong/fonts/Angoun/MyanmarAngoun.woff);
    }
@font-face{
    font-family:"MyanmarAngoun";
    src:url(/wp-content/themes/ns-maekhong/fonts/Angoun/MyanmarAngoun.woff2);
    }
@font-face{
    font-family:"MyanmarAngoun";
    src:url(/wp-content/themes/ns-maekhong/fonts/Angoun/MyanmarAngoun.eot);
    }
@font-face{

	font-family:Muli-Light;

	src:url(/wp-content/themes/ns-maekhong/fonts/Muli/Muli-Light.ttf);

	}

@font-face{

    font-family:Muli-Regular;

    src:url(/wp-content/themes/ns-maekhong/fonts/Muli/Muli-Regular.ttf);

    }

@font-face{

    font-family:Muli-Medium;

    src:url(/wp-content/themes/ns-maekhong/fonts/Muli/Muli-Medium.ttf);

    }

@font-face{

    font-family:Muli-SemiBold;

    src:url(/wp-content/themes/ns-maekhong/fonts/Muli/Muli-SemiBold.ttf);

    }

@font-face{

    font-family:Muli-ExtraBold;

    src:url(/wp-content/themes/ns-maekhong/fonts/Muli/Muli-ExtraBold.ttf);

    }
.img-border{
    border: 6px solid #061f5f;
}
.mm-font-title{
    font-family:"MyanmarAngoun";
}

.mm-font{
    font-family:"MyanmarAngoun"!important;
    font-weight: 500;
    font-size: 14px!important;
}
.mm-font-size{
    font-size: 15px!important;
}
.mm-font1{
    font-family:"MyanmarAngoun";
}
.mm-font1 a{
    font-weight: 500!important;
    font-size: 15px!important;
}

body{

    margin:0 auto;

    font-family: 'Muli-Regular', sans-serif;

    line-height: 1.8;

    font-weight: 500;

    font-size: 16px;

    color: #222;

    overflow-x: hidden;

}
img{
    max-width: 100%;
}
a{
    color: #222;
}

a,a:hover{

    text-decoration: none;

}

h1, h2, h3,h4,h5,h6{

    font-family: 'Muli-Regular', sans-serif;

    margin-top: 0px;

    margin-bottom: 10px;

}

p{

    margin : 0px 0px 0px;

}

strong{
    color: #fff;
}

.header-top{

    background: #061f5f;

    padding: 5px 0px;

    font-family:Muli-Light;

    font-size: 14px;

    color: #fff;

}

.hd-mail a{

    color: #fff;

    text-align: left;   

}

.hd-lang{

    float: right;

    text-transform: uppercase;

}

.hd-lang p{

    float: left;

    margin-left: 63%;

}

.hd-lang ul{

    list-style: none;

    float: right;

    margin-bottom: 0px;

    padding-left: 10px;

}

.hd-lang ul li{

    float: left;

    margin-right: 10px;

}

.hd-lang ul li:last-child{

    margin-right: 0px;

}

.hd-lang ul li img{

    width: 30px;

    height: 20px;

}

header{

    padding : 5px 0px;

}

.menu{

    float: right;

}

.navbar-collapse {

    padding-right: 0px;

    padding-left: 0px;

}

.navbar-nav>li>a {

    color: #333;
    font-weight: 600;
    font-size: 16px;    

    margin-top: 10px;

    padding: 22px;

    padding-left: 0px;

    padding-right: 37px;

}

.navbar-nav>li:last-child>a{

    padding: 22px 0px 22px 0px;

}

.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-nav>li>a:active,.navbar-nav>li.active>a{

    background: none;

    color: #3d3cc7;

}

.navbar-nav>li>a:hover:after,.navbar-nav>li>a:focus:after,.navbar-nav>li>a:active:after,.navbar-nav>li.active>a:after{

    content: url(images/but-1.png);

    position: absolute;

    top: 40px;

    left: 0px;

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{

    background: transparent;

}

.dropdown-menu{

    min-width: 200px;

    background-color: #061f5f;

    padding: 0px;

    border-radius: 0px;

}

.dropdown-menu>li>a{

    color: #fff;

    padding: 10px;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{

    color: #061f5f;

}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {

    color: #061f5f;

    text-decoration: none;

    background-color: #fff;

    outline: 0;

}

.dropdown-menu .dropdown-menu{

    left: 100%;

    top: 0px;

}

.banner-title{

    color: #fff;

    font-size: 16px;

    text-align: left;

    font-weight: 600;

}

.banner-title1{

    color:  #fff;

    font-size: 27px;

    text-align: left;

    font-weight: 600;

    margin-bottom: 30px;

}

.banner-text{

    text-align: left;

    color: #fff;

}

.hm-wrapper{

    margin-top: 60px;
    margin-bottom: 60px;

}

.metaslider.ms-theme-highway .flexslider ul.slides .caption-wrap,.metaslider.ms-theme-highway div.nivoSlider .nivo-caption{

    left: 56%!important;

    top: 45%!important;

    z-index: 99;

    background: transparent!important;

}
.metaslider.ms-theme-highway .flexslider ul.flex-direction-nav li a, .metaslider.ms-theme-highway a.rslides_nav,
.metaslider.ms-theme-highway div.nivoSlider div.nivo-directionNav a, .metaslider.ms-theme-highway .coin-slider .coin-slider div a{
    width: 55px!important;
    height: 35px!important;
}
.home-title{

    text-transform: uppercase;

    font-size: 27px;

    margin-bottom: 50px;

    font-weight: 500;

}

.home-title:after{

    content: url(images/but-1.png);

    position: absolute;

    float: right;

    margin-top: -5px;

    margin-left: 2px;

}

.btn-why{

    width: 130px;

    background: #061f5f;

    color: #fff;

    border: 0px;

    border-radius: 5px;

    margin-top: 50px;

    padding: 8px 20px;

    font-size: 16px;

    text-align: left;

}

.btn-why:after{

    content: url(images/but-why.png);

    position: absolute;

    float: right;

    margin-top: -3px;

    margin-left: 2px;

}

.btn-why:hover{

    background: transparent;

    border: 1px solid #061f5f;

    color: #061f5f;

}

.btn-why:hover:after{

    content: url(images/but.png);

    position: absolute;

    float: right;

    margin-top: -3px;

    margin-left: 2px;

}

.hm-service{

    margin: 70px 0px 70px;

    border-top: 1px solid #ddd;

}

.hm-service hr{

    margin-top: 5px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #ddd;

    padding-bottom: 45px; 

}

.service-wrap{

    background: #f3f3f3;

    text-align: center;

    padding-bottom: 20px;

}

.service-wrap h4{

    margin-bottom: 0px;

    font-family:Muli-Medium;

    font-size: 18px;

}

.service-wrap p{

    font-family: Muli-Medium;

    color: #555;

    font-size: 16px;

}

.hm-provide{

    background: url(images/contact-us-final1.jpg);

    background-size: cover;

    height: 229px;

}

.provide{

    margin-top: 65px;

}

.provide h3{

    text-transform: uppercase;

    font-size: 27px;

    margin-bottom: 50px;

    font-weight: 500;

    color: #fff;

}

.provide h4{

    color: #fff;

    font-size: 18px;

}

.provide h4 a{

    color: #fff;

}

.provide h4 span{

   font-size: 27px; 

   padding-left: 30px;

}

.hm-ftth .nav-tabs>li.active>a,.hm-ftth .nav-tabs>li.active>a:focus,.hm-ftth .nav-tabs>li.active>a:hover{

    color: #fff;

    cursor: default;

    /*background-color: #fff;*/

    border: 1px solid #ddd;

    border-bottom-color: transparent;

    border-radius: 10px 10px 0px 0px;

    background: #061f5f;

    font-size: 17px; 

}

.hm-ftth .nav-tabs>li>a{

    border: 1px solid #ddd;

    border-radius: 10px 10px 0 0;

    font-size: 17px;

    color: #333;

}

.hm-ftth .tab-content>.active{

    display: block!important;

}

.hm-ftth .tab-content{

    margin-top: 50px;

}

.hm-ftth{

    margin-top: 70px;

}

.featured-home-box{

    border-right: 1px solid #b4bbcf;

    border-radius: 15px 0px 10px 10px;

}

.featured-home-box a:hover{

    text-decoration: none;

    color: #222;

}

.home-box-header{

    background: #061f5f;

    border-radius: 15px 0px;

    padding: 25px 10px 25px 0px;

    color: #fff; 

}

.home-box-header h3{

    text-align: center;

    font-size: 18px;

    font-family: Muli-SemiBold;

    margin-bottom: 15px;

}

.home-box-header span{

    color: #222;

    font-size: 15px;

    font-family: Muli-SemiBold;

    padding: 7px 30px;

    background: url(images/pack-bck.png)no-repeat;

    background-size: 100% 100%;

}

.home-box-body{

    border-bottom: 1px solid #b4bbcf;

    border-left: 1px solid #b4bbcf;

    border-radius: 0px 10px 10px 10px;

    padding: 20px 10px 20px 5px;
    min-height: 270px;

}

ul.dashed {

  list-style-type: none;

    padding-left: 15px;

}

ul.dashed > li {

  text-indent: -5px;

}

ul.dashed > li:before {

  content: "-";

  text-indent: -5px;

}

.featured-home-box a{

    border: 1px solid #061f5f;

    border-radius: 10px;

    margin-left: 28%;

    margin-bottom: 10px;

    margin-top: 10px;

    padding: 5px 10px;

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: 0.5s;

}

.featured-home-box a>span{

    position: absolute;

    width: 50%;

    height: 100%;

    background-color: #999;

    transform: translateY(134%);

    border-radius: 50%;

    left: calc((var(--n) - 1) * 19%);

    transition: 0.5s;

    transition-delay: calc((var(--n) - 1) * 0.1s);

    z-index: -1;

}

.featured-home-box a:hover{

    color: #fff;

}

.featured-home-box a:hover>span{

    transform: translateY(0) scale(2);

}

.featured-home-box a>span:nth-child(1){

    --n: 1;

}

.featured-home-box a>span:nth-child(2){

    --n: 2;

}

.featured-home-box a>span:nth-child(3){

    --n: 3;

}

.featured-home-box a>span:nth-child(4){

    --n: 4;

}

.ms-theme-highway{

    padding-bottom: 0px!important;

}

.content{

    background: #fff;
    position: relative;
    padding-bottom: 60px;

}

footer{

    background: #061f5f;
    color: #ddd;
    padding: 60px 0px 20px;
    position: relative;

}

footer h3{

    font-size: 20px;

    text-transform: uppercase;

    padding-bottom: 40px;

    font-family: Muli-SemiBold;

    color: #ddd;

}

footer p{

    color: #ddd;

    font-size: 14px;

    letter-spacing: 0.5;

    margin-bottom: 10px;

}

footer .row1{

    overflow: hidden;

    margin-bottom: 15px;

}

footer .row1 a{

    color: #ddd;

}

footer .row1 a:hover{

    color: #1fd41f;

}

footer .left{

    float: left;

    width: 10%;

}

footer .left i{

    color: #061f5f;

    background: #fff;

    padding: 7px 9px;

    width: 30px;

    height: 30px;

    border-radius: 50%;    

}

footer .right{

    float: left;

    width: 90%;

}

.ft-2 ul{

    list-style: square;

    font-size: 20px;

}

.ft-2 ul li{

    margin-bottom: 5px;

}

.ft-2 ul li a,.ft-3 ul li a{

    font-size: 15px;

    color: #ddd;

}

.ft-2 ul li a:hover{

    color: #1fd41f; 

}

.ft-3 ul li a:hover{

    cursor: auto;

    text-decoration: none;    

}

.ft-3 ul{

    list-style: none;

    padding-left: 0px;

}

.ft-3 ul li{

    margin-bottom: 15px;

}

.ft-3 ul li a i{

    padding-right: 10px;

}

.footer-bottom{

    border-top: 1px solid rgba(255,255,255,.15);

}

.footer-bottom p{

    color: #ddd;

    font-size: 12px;

    text-align: center;

    padding-top: 10px;

}
.default{
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    overflow-x: hidden;
    margin-bottom: -61px;
}
.vm-section {
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0.37),rgba(0, 0, 0, 0.54)),url(images/bangkok-to-yangon.jpg)no-repeat center center;
    background-size: cover;
    margin-top: 40px;
    padding: 40px 0px;
    color: #fff;
    background-attachment: fixed;
}
.fa-eye,.fa-rocket{
    margin: 0px auto;
    border: 1px dashed #fff;
    border-radius: 50%;
    padding: 10px;
    font-size: 30px;
    color: #fff;
}
.vm-title{
    padding-top: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;  
}
.vm-list{
    padding-left: 15px;
}
#go-top {

    color: #061f5f;

    display: block;

    position: fixed;

    right: 100px;

    bottom: 30px;

    font-size: 25px;

}

#go-top .glyphicon {

    background: #ddd;

    padding: 10px;

    border-radius: 50px;

}

/* Pagination */

ul.page-numbers{

	padding-left: 0px;

}	

ul.page-numbers li{

	float: left;

	height: 35px;

	width: 35px;

	list-style: none;

	line-height: 35px;

	text-align: center;

	padding: 0px;

	border-radius: 100px;

	margin-right: 3px;

	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);	

}

ul.page-numbers li span.current{

	color: #000;

	font-size: 16px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}

.inner-title {

    text-transform: uppercase;

    font-size: 27px;

    margin-bottom: 50px;

    margin-top: 60px;

    font-weight: 500;

}

.inner-title:after {

    content: url(images/but-1.png);

    position: absolute;

    float: right;

    margin-top: -5px;

    margin-left: 2px;

}

.ab-img{

    margin-top: 150px;

}

/* Breadcrumb */

.bread{

    background: #061f5f;

    padding: 5px 0px;

    margin-top: -8px;

}

#breadcrumbs{

    padding-left: 0px;

    margin-bottom: 0px;

}

#breadcrumbs {list-style-type: none;}

#breadcrumbs li{display: inline-block; color: #fff;}

#breadcrumbs li a{ color: #fff;}

.separator{

    padding: 0px 10px;

}

/**********************Branches********************/

.policy li{

    background: #061f5f;

}

.policy li a{

    color: #fff;

}

.policy-tab{

    background: #f5f5f5;

    padding: 15px;

}

.policy-tab .in{

    display: block!important;

}

.policy-tab .tab-pane{

    border: 1px solid #061f5f;

    padding: 15px;

}

.branch-row{

   margin-bottom: 20px; 

}

.branch-row h4{

    font-weight: 700;

    padding-bottom: 10px;

}

.branch-row ul{

    list-style: none;

    padding-left: 0px;

}

.branch-row ul li{

    padding-bottom: 15px;

}

.branch-row ul li i{

    color: #fff;

    background: #061f5f;

    padding: 7px 9px;

    width: 30px;

    height: 30px;

    border-radius: 50%; 

}

/**********************Contact Us******************/

.cont-info .row1{

    margin-bottom: 20px;

    overflow: hidden;

}

.cont-info .row1 i{

    color: #fff;

    background: #061f5f;

    padding: 7px 9px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

}

.book-now-btn{

    width: 130px;

    background: #061f5f;

    color: #fff;

    position: relative;

    overflow: hidden;

    z-index: 1;

    transition: 0.5s;

}

.book-now-btn span {

    position: absolute;

    width: 50%;

    height: 100%;

    background-color: #999;

    transform: translateY(134%);

    border-radius: 50%;

    left: calc((var(--n) - 1) * 19%);

    transition: 0.5s;

    transition-delay: calc((var(--n) - 1) * 0.1s);

    z-index: -1;

}

.book-now-btn:hover {

    color: #fff;

}

.book-now-btn:hover>span {

    transform: translateY(0) scale(2);

}

.book-now-btn span:nth-child(1) {

    --n: 1;

}

.book-now-btn span:nth-child(2) {

    --n: 2;

}

.book-now-btn span:nth-child(3) {

    --n: 3;

}

.book-now-btn span:nth-child(4) {

    --n: 4;

}

/************************Single*******************/

.single-banner{
    background: url(/wp-content/uploads/2020/03/banner-1.jpg)no-repeat;
    height: 370px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: sticky;
    top: 0;
    z-index: 0;
}

.single-banner #breadcrumbs{
    position: absolute;
    top: 150px;
}
.single-banner #breadcrumbs li a {
    font-size: 17px;
    font-weight: 800;
}

.single-title,.widget-title {
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 50px;
    font-weight: 500;
    font-family:Muli-ExtraBold;
}
.widget-title {
    margin-bottom: 30px;
}
.single-title1{
    border-bottom: 1px solid #777;
    color: #061f5f;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 200px;
    font-weight: 600;
}
.single-dashed{
    list-style-type: none;
    padding-left: 15px;
    margin-bottom: 15px;
}
.single-dashed > li {
    text-indent: -5px;
}
.single-dashed > li:before {
    content: "-";
    text-indent: -5px;
}

.single-title-career{
    font-size: 20px;
    text-transform: initial;
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 30px;
}
.career-footer{
    display: flex;
}
.ft-des{
    background: #fefbe3;
    width: 100%;
    padding: 3px 20px;
}

.ft-date{

    border: 1px solid #ddd;

    border-radius: 5px;

    padding: 10px;
    margin-top: 60px;

}

.ft-date h4{

    text-align: center;

    font-weight: 600;

}

.ft-date p{

    background: green;

    border-radius: 5px;

    color: #fff;

    padding: 3px 10px;

    text-align: center;

}

.career-side{

    margin-top: 30px;

    /*border: 1px solid #ddd;

    border-radius: 0px 0px 5px 5px;*/

}

.career-side h4{

    background: #061f5f;

    padding: 10px 10px;

    color: #fff;

    margin-bottom: 0px;

}

.career-side p i{

    color: #061f5f;

    font-size: 20px;

    padding-right: 5px;

}

.career-panel{

     margin-top: 20px;

}

.career-panel h4{

    color: #061f5f;

    font-weight: 600;

}

.career-panel i{

    float: right;

}

.btn-career{

    background: #061f5f;

    color: #fff;

    border-radius: 5px;

    padding: 5px 10px;

}

.btn-career:hover{

   background: transparent;

    color: #061f5f; 

    border: 1px solid #061f5f;

}
.green{
    color: green;
}
/***********************Archieve******************/

.content-wrap{

    border: 1px solid #ddd;

    border-radius: 20px;

    border-top: 0px;

    margin-top: 30px;

}

.content-left{

    background: linear-gradient(-45deg, #2b4ca2, #061f5f);

    height: 250px;

    border-radius: 25px 0px 25px 0px;

    padding: 50px 0px;

}
.mm-border-left{
    min-height: 300px;
}
.mm-border-right{
    min-height: 300px;
}
.content-left h3{

    text-align: center;

    color: #fff;

    margin-bottom: 60px;

    margin-top: 45px;

}

.content-left span{

    text-align: center;

    background: #ddd;

    padding: 10px;

    margin-top: 15px;

    width: 100%;

    border-radius: 15px 0px 15px 0px;

}

.content-right{

    border-top: 1px solid #ddd;

    height: 250px;

    padding: 20px;

    border-radius: 0px 20px; 

}

.content-right h4{

    font-weight: 700;

}

.service-banner{

    background: #061f5f;

    padding: 5px; 

}

.service{

    margin-bottom: -60px; 

}

.service .container-fluid{

    padding-left: 0px;

    padding-right: 0px;

}

#ftth,#dplc,#ip{

    background: #cfe5f7;

}
#ftth .service-text,#dplc .service-text{
    padding-top: 60px;
    padding-right: 50px;
    text-align: justify;
}
#ip .service-text{
    padding-top: 25px;
    padding-right: 50px;
    text-align: justify;
}
#ip .inner-title {
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 10px;
    margin-top: 0px;
    font-weight: 500;
}
#ip .panel-heading {
    padding: 10px 15px;
    background: #0071ad;
    margin-bottom: 1px;
    border-radius: 0px;
}
#ip .panel-group{
    margin-bottom: 0px;
}
#ip .panel-body {
    border: 0px !important;
}
#ip .panel-title:before {
    float: right !important;
    content:"\2212";
    padding-right: 5px;
    font-size: 15px;
    color: #fff;
}
#ip a.collapsed .panel-title:before {
    float: right !important;
    content:"\2b";
    font-size: 15px;
    color: #fff;
}
#ip .panel-heading a{
    color: #fff;
}
#ip .panel-heading a:hover  , 
#ip .panel-heading a:active , 
#ip .panel-heading a:focus  {
    text-decoration:none;
}
#dia,#voip{
    background: #f7f7f7;
}

#dia .service-text{

    padding-top: 60px;

    padding-left: 50px;
    text-align: justify;

}

#voip .service-text{

    padding-top: 30px;

    padding-left: 50px;
    text-align: justify;

}
.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel{
   border: 0px;
}
/*********************** Widget ******************/

.space-break{

    margin-top: 30px;

}

.mywidget h4 {

    font-size: 14px;

}

.widget ul{

    padding: 10px 25px;

    list-style-type: none;

    border: 1px solid #ddd;

}

.widget ul li a {

    color: #777;

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li:last-child a{
    border-bottom: 0px;
}
.branch-row ul li i.fa-phone-volume{
    float: left;
    margin-right: 5px;
}
@media (max-width: 1440px){
.single-banner{
    background: url(/wp-content/uploads/2020/03/banner-1.jpg)no-repeat;
    height: 285px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: sticky;
    top: 0;
    z-index: 0;
}
#ftth .service-text, #dplc .service-text {
    padding-top: 0px;
    padding-right: 40px;
    text-align: justify;
}
#dia .service-text, #voip .service-text{
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 40px;
    text-align: justify;
}
.provide h4 {
    color: #fff;
    font-size: 16px;
}
.provide h3 {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 20px;
}
.provide h4 span {
    font-size: 20px;
}
.hm-provide {
    background: url(images/hm-small-ban.png)no-repeat;
    background-size: cover;
    height: 190px;
}
.service-text .inner-title{
   margin-bottom: 20px;
    margin-top: 30px; 
}
.hm-wrapper{
    margin-bottom: 0px;
}
.home-box-body{
   min-height: 275px; 
}
#ip{
    padding-bottom: 20px;
}
#ip img{
    padding-top: 80px;
}
}
@media (max-width: 1300px){
.single-banner{
    background: url(/wp-content/uploads/2020/03/banner-1.jpg)no-repeat;
    height: 250px;
    background-size: cover;
}
}
@media (max-width: 1100px){
.logo{
    text-align: center;
}
.menu {
    float: none;
}
#menu{
    width: 730px;
    margin: 0px auto;
}
.navbar-nav>li>a {    
    font-size: 15px;
    padding-right: 35px;
} 
.hd-lang p {
    float: left;
    margin-left: 50%;
}
.featured-home-box{
    margin-bottom: 30px;
}
.hm-provide {
    background: url(images/hm-small-ban.png)no-repeat;
    background-size: cover;
    height: 150px;
}
.provide {
    margin-top: 40px;
}
.navbar{
    margin-bottom: 0px;
}
.single-banner{
   height: 200px; 
}
.single-banner #breadcrumbs {
    top: 80px;
}
.menu-wrap{
    z-index: 999;
}
.service-text{
    padding-bottom: 30px;
}
.service-text .inner-title{
    font-size: 20px;
}
#ftth, #dplc,#dia, #voip,#ip{
    padding-left: 15px;
    padding-right: 15px;
}
#ip {
    padding-bottom: 0px;
}
#ip img {
    padding-top: 145px;
}
.ser-img{
    padding-top: 70px;
}
#voip .ser-img{
    padding-top: 130px;
}
#go-top{
    right: 50px;
}
}
@media (max-width: 992px) {
.hd-lang p {
    margin-left: 35%;
}
.menu {
    transform: translateX(0);
}
.navbar-nav>li>a,.navbar-nav>li:last-child>a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.hm-provide {
    background-position: 50% 50%;
}
.ft-3{
    display: none;
}
.inner-title{
    font-size: 24px;
    text-align: left;
}
#go-top {
    right: 70px;
    bottom: 10px;
}
}
@media (max-width: 900px){
.single-banner{
    background: url(/wp-content/uploads/2020/03/banner1.jpg)no-repeat;
    height: 170px;
    background-size: cover;
}
.mm-font {
    font-size: 15px;
}
.btn-why {
    margin-top: 30px;
}
.navbar-nav>li>a:hover:after, .navbar-nav>li>a:focus:after, .navbar-nav>li>a:active:after, .navbar-nav>li.active>a:after{
    top: 30px;
}
.hm-service {
    margin: 50px 0px 50px;
}
.home-title {
    font-size: 25px;
    margin-bottom: 30px;
}
.banner-title {
    font-size: 15px;
}
.banner-title1 {
    font-size: 24px;
    margin-bottom: 20px;
}
footer .left {
    width: 12%;
}
footer .right {
    width: 85%;
}
.content-left h3 {
    margin-top: 35px;
    font-size: 20px;
    margin-bottom: 70px;
}
.content-left span{
    font-size: 13px;
}
.content-wrap{
    border: 0px;
}
.content-left {
    height: 330px;
    border-radius: 25px 0px 0px 25px;
    padding: 50px 0px;
}
.content-right {
    border: 1px solid #ddd;
    height: 330px;
    border-radius: 0px 20px 20px 0px;
}
.career-lt,.career-rt{
    width: 100%;
}
}
@media (max-width: 768px){
footer h3{
    padding-bottom: 30px;
}
.hd-lang p {
    display: none;
}
.service-wrap {
    background: #f3f3f3;
    text-align: center;
    min-height: 300px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.hm-wrapper{
    margin-bottom: 0px;
}
.content{
    padding-bottom: 40px;
    z-index: 999;
}
.ab-img img{
    margin: 0px auto;   
}
.ab-img{
    margin-top: 30px;
}
}
@media (max-width: 767px){
.mm-navbars_top{
    height: 110px;
}
.mm-navbars_top>.mm-navbar{
    background: transparent;
}
.mm-navbar-img{
    margin: 0px auto;
}
.mm-menu_navbar_top-2 .mm-panels {
    top: calc(var(--mm-navbar-size) * 2.5);
}
.mm-listitem_selected>.mm-listitem__text,.mm-menu .mm-listitem__text:active, .mm-menu .mm-listitem__text:hover{
    background: #061f5f;
    color: #fff!important;
    text-decoration: none;
}
.mm-navbar__title{
    color: #061f5f!important;
}
.mm-navbar__btn {
    top: -100px;
}
.mm-btn:after, .mm-btn:before{
    border-color: #061f5f;
}
.header-top {
    padding: 4px 0px 3px;
}
header {
    padding: 5px 0px 0px;
}
.menu-wrap{
    background: #061f5f;
    margin-top: 10px; 
}
.navbar {
    min-height: auto;
}
.navbar-toggle{
    margin: 0px;
}
.navbar-toggle .icon-bar{
    background: #fff;
}
.btn-why {
    margin-bottom: 40px;
}
.metaslider.ms-theme-highway .flexslider ul.slides .caption-wrap{
    left: 0!important;
    width: 100%!important;
}
.caption{
    background: rgba(0,0,0,.5)!important;
}
.content-wrap{
    padding: 0px 15px;
}
.content-left {
    height: auto;
    border-radius: 25px 0px 0px 0px;
    padding: 30px 0px;
}
.content-right {
    border: 1px solid #ddd;
    height: auto;
    border-radius: 0px 0px 20px 0px;
}
.content-left h3 {
    margin-top: 25px;
    font-size: 20px;
    margin-bottom: 25px;
}
.content-left span {
    padding: 15px 30px;
}
#go-top {
    right: 15px;
    bottom: 15px;
}
.table-responsive{
    border: 0px;
}
.ser-img,#voip .ser-img{
    padding-top: 0px;
}
#dia .service-text, #voip .service-text,#ip .service-text,#dplc .service-text,#ftth .service-text{
    padding: 0px 15px;
}
.mm-border-left{
    min-height: auto;
}
#dplc img,#ip img {
   padding-top: 20px;
}
.service-text{
    margin-bottom: 25px;
}
}
@media (max-width: 600px){
.single-banner {
    background: url(/wp-content/uploads/2020/03/banner-2.jpg)no-repeat;
    height: 150px;
    background-size: cover;
}
}
@media (max-width: 500px){
.single-banner {
    background: url(/wp-content/uploads/2020/03/banner-2.jpg)no-repeat;
    height: 150px;
    background-size: contain;
}
.metaslider.ms-theme-highway .flexslider ul.slides .caption-wrap{
    display: none!important;
} 
.service-wrap {
    min-height: 260px;
} 
.single-banner #breadcrumbs {
    top: 55px;
}  
}
@media (max-width: 425px){
.single-banner {
    height: 110px;
}
.single-banner #breadcrumbs {
    top: 20px;
}
.service-wrap {
    min-height: 230px;
}
.ft-1{
    width: 100%;
}
.ft-2{
    display: none;
}
#go-top {
    right: 10px;
    bottom: 10px;
}
.hm-ftth .nav-tabs>li{
    width: 100%;
}
.hm-ftth .nav-tabs>li.active>a,.hm-ftth .nav-tabs>li.active>a, .hm-ftth .nav-tabs>li.active>a:focus,
.hm-ftth .nav-tabs>li.active>a:hover,.hm-ftth .nav-tabs>li>a{
    border-radius: 0px;
    border-bottom: 0px;
}
.hm-provide {
    background-position: 58% 50%;
}
.home-title{
    font-size: 20px;
    font-weight: 600;
}
.provide h3.mm-font-title{
    font-size: 19px;
    margin-bottom: 15px;
}
.provide h4.mm-font-title span{
    font-size: 16px;
}
.branch-row ul li i.fa-phone-volume{
    float: left;
    margin-right: 5px;
}
.branch-ph-mobile{
    overflow: hidden;
    line-height: 20px;
}
.service-text{
    font-size: 13px;
}
.inner-title {
    margin-bottom: 30px;
    margin-top: 30px;
}
.single-banner #breadcrumbs li a {
    font-size: 15px;
}
}
@media (max-width: 360px){
.single-banner {
    height: 90px;
}
.service-wrap {
    min-height: 200px;
}
.provide h4 span {
    font-size: 23px;
    padding-left: 30px;
    overflow: hidden;
    width: 100%;
    padding-left: 65px;
}
.service-wrap h4{
    font-size: 17px;
}
.service-wrap p {
    font-size: 14px;
}
.provide h3{
    font-size: 19px;
}
.career-footer{
    display: block;
}
.inner-title {
    font-size: 21px;
    margin-bottom: 30px;
    margin-top: 30px;
}
}