@font-face{  
  font-family: 'Cambo';  
  src:url('../font/Cambo.eot'),
      url('../font/Cambo.ttf') format('truetype'),
      url('../font/Cambo.woff2') format('woff2'),
      url('../font/Cambo.svg') format('svg'),
      url('../font/Cambo.woff') format('woff');
}

@font-face {
    font-family: 'ZawgyiOne';
    src: url('../font/ZawgyiOne.eot');
    src: local('☺'), url('../font/ZawgyiOne.woff') format('woff'), url('../font/ZawgyiOne.ttf') format('truetype'), url('../font/ZawgyiOne.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: 'Cambo', 'ZawgyiOne' !important;
  background: #0080ff; 
}

.navbar {
    padding: 0rem 1rem !important;
}

.gold_bg {
    /*background-image: url(../img/bg01.jpg);*/
    /*background:url(../img/bg.jpg)no-repeat center bottom;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e4d077+1,f7ee8f+33,f7ee8f+67,e4d077+100 */
background: #e4d077; /* Old browsers */
background: -moz-linear-gradient(left,  #e4d077 1%, #f7ee8f 33%, #f7ee8f 67%, #e4d077 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e4d077 1%,#f7ee8f 33%,#f7ee8f 67%,#e4d077 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e4d077 1%,#f7ee8f 33%,#f7ee8f 67%,#e4d077 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d077', endColorstr='#e4d077',GradientType=1 ); /* IE6-9 */

}

.blue_bg{
  background: #0080ff;
}

.navbar-brand img{
  padding-left: 45px;
}

.blueline{
  border-top: 3px solid #0099ff;
}

.nav-link{
  color: #fff !important;
}

.color_blue{
  color: #0080ff;
}

.m_slide{
  margin-top: 110px;
}

.card-title{
  color: #0080ff;
}

.about_bg{
  /*background:url(../img/about_bg.jpg)no-repeat center bottom;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8c068+0,f6ed8e+38,f6ed8e+65,d8c068+100 */
background: #d8c068; /* Old browsers */
background: -moz-linear-gradient(left,  #d8c068 0%, #f6ed8e 38%, #f6ed8e 65%, #d8c068 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d8c068 0%,#f6ed8e 38%,#f6ed8e 65%,#d8c068 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d8c068 0%,#f6ed8e 38%,#f6ed8e 65%,#d8c068 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8c068', endColorstr='#d8c068',GradientType=1 ); /* IE6-9 */
  
}

.font_style h6{
  line-height: 2rem;
  font-size: 17px;
}

.blue {
    background-color: #0080ff !important;
}

.goldblue_gradient{
   background: linear-gradient(to left, #e1d256, #ecd76d) !important;
}

.btn{
  color: #0080ff !important;
}

.color_gold{
  color: #dbc66d;
}

.color_gold a:hover{
  color: #e9dc7e;
}

.ml_1{
  margin-left: 33rem !important;
}

.bg_product{
  background: 
    
    url("../img/bgproduct.jpg")no-repeat center bottom;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;     
}

.color_yellow{
  color: #d4ad0b;
}

.bg_blue{
  background: #0080ff; 
}

.color_white{
  color: #fff;
}

.my_4{
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}

.inner-breadcrumb {
    /*background: #fff;*/
    text-align: left;
    margin-top: 7rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

ul.short li {
    text-align: left;
    display: inline-block;
    letter-spacing: 1px;
    color: #2c2927;
    font-size: 0.85em;
}

ul.short li a {
    color: #00437a;
    text-decoration: none;
}

.inner-breadcrumb ul li span {
    padding: 0 1.5em;
}

.contact_h{
  min-height: 535px;
}

.bg_skyblue{
  background: #cbf5ff;
}

.m_contact{
  margin-top: 4rem;
  margin-bottom: 2.5rem;
}

.grey.lighten-2 {
    background-color: #045fb9 !important;
    color: #fff;
}

/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

                
    }

/* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
       .ml_1{
        margin-left: 0rem !important;
      }

      .navbar-brand img{
        padding-left: 0px !important;
        width: 50% !important;
      }

      .m_slide{
        margin-top: 56px !important;
      }

      .inner-breadcrumb {
        margin-top: 3.8rem !important;
      }

      .pt-5{
        padding-top: 0rem !important;
      }

      .m_contact{
        margin-top: 3rem;
        margin-bottom: 1rem;
      }

    }

 /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
      .navbar-brand img{
        padding-left: 0px !important;
        width: 60% !important;
      }

      .navbar-brand{
        width: 60% !important;
      }

      .m_slide{
        margin-top: 58px !important;
      }

      .ml_1{
        margin-left: 0rem !important;
      } 

      .inner-breadcrumb {
        margin-top: 3.75rem !important;
      } 

      ol,
      ul,
      dl {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-left: 0.5rem !important;
      }

      .pt-5{
        padding-top: 0rem !important;
      }

      .my-4{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important; 
      }

      .m_contact{
        margin-top: 3rem;
        margin-bottom: 1rem;
      }

      .contact_info{
        text-align: center;
      }     
    }

 /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 320px) {
      .navbar-brand img{
        padding-left: 0px !important;
        width: 60% !important;
      }

      .navbar-brand{
        width: 60% !important;
      }

      .m_slide{
        margin-top: 58px !important;
      }

      .ml_1{
        margin-left: 0rem !important;
      }

      .inner-breadcrumb {
        margin-top: 3.3rem !important;
      } 

      ol,
      ul,
      dl {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-left: 0.5rem !important;
      }

      .pt-5{
        padding-top: 0rem !important;
      }

      .my-4{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important; 
      }

      .m_contact{
        margin-top: 3rem;
        margin-bottom: 1rem;
      }

      .contact_info{
        text-align: center;
      }     
    }