@media only screen and (max-width:1600px){

    

   

    

}


@media only screen and (max-width:1366px){

    
}

@media only screen and (max-width:1199px){

    
   
    
}


@media only screen and (max-width:991px){

    .top-navigation::before {
       width: 486px;
    }
    
    .top-navigation .container-fluid {
        padding: 0 50px !important;
    }

    .navbar-dark .navbar-toggler {
       background: #1c396c;
    }

    .top-nav2 .navbar {
        background-color: #fff !important;
        padding: 8px 10px !important;
    }

    .bc-img {
        min-height: 500px;
    }

    .bc-img2 {
        min-height: 500px;
    }

    .about {
        margin-top: 60px;
    }

    h5.ab-header2 {
        font-size: 22px;
    }

    h5.ab-num {
       font-size: 27px;
    }

    .ab-count {
        margin-top: 50px;
    }

    h5.pro-header {
       
        font-size: 34px;
        margin-bottom: 35px;
    }

    .pro-para {
        font-size: 16px;
        padding: 0 116px;
        line-height: 25px;
        margin-bottom: 40px;
    }

   
   
    
  

  

  
   
    
   
}


@media only screen and (max-width: 767px){

    #body .container {
        max-width: 540px !important;
    }

    

    

    

}

@media only screen and (max-width: 575px){

   
    
    

   
   

    
    

    

   

    

    
   
  

    

   
}


@media only screen and (max-width: 480px){

    .top-navigation::before {
       display: none;
    }

    h5.top-cap {
     
        font-size: 15px;
       
        text-align: center;
        line-height: 25px;
        margin-bottom: 16px;
    }

    .top-list {
        float: initial !important;
    }

    a.navbar-brand h5 {
      display: none;
    }

    a.navbar-brand img {
        width: 85px;
    }

    .bc-img {
        min-height: 305px;
    }

    .bc-img2 {
        min-height: 305px;
    }

    .about {
        margin-top: 50px;
    }

    h5.ab-header2 {
        font-size: 18px;
        line-height: 28px;
    }

    p.ab-para {
        font-size: 15px;
    }

    .ab-bg {
        text-align: center;
        margin-top: 20px;
    }

    .ab-count {
        border-right: initial;
        margin-top: 17px;
    }

    .ab-count {
        text-align: center;
    }

    .about2 {
        margin-top: 20px;
    }

    .product {
        margin-top: 40px;
    }

    h5.pro-header {
        font-size: 28px;
        margin-bottom: 35px;
    }

    h5.pro-header::after {
        left: 42%;
        bottom: -18px;
    }

    .pro-para {
        font-size: 15px;
        padding: 0;
        line-height: 25px;
        margin-bottom: 35px;
    }

    .pro-bg {
       padding: 60px 20px;
    }

    .p-relative {
        margin-bottom: 30px;
    }

    .why {
       
        margin-top: 50px;
    }

    p.w-para2 {
        font-size: 18px;
    }

    .wh-txt {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .m-text {
       
        width: 96%;
        padding: 30px;
        /* margin: 40px 0; */
        margin: 0 auto;
    }

    .m-container {
        width: 100%;
        margin: 0 auto;
    }

    h5.m-header {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .mission {
       
        margin-top: 30px;
    }

    h5.te-header2 {
        font-size: 25px;
    }

    .te-owl {
        background: #fff;
        /* padding: 30px 30px; */
        padding: 30px;
    }

    p.cl-para {
        margin-top: 17px;
        
        font-size: 15px;
        line-height: 24px;
        
    }

    .testimonial .container .owl-stage-outer {
        height: 319px;
    }

    .cl-txt {
        margin-top: 8px;
        margin-left: 12px;
    }

    h5.cl-header {
        font-size: 17px;
        font-weight: 600;
    }

    .te-rt {
        background: #ff5e15;
        padding: 30px;
        width: 100%;
        margin-left: 0;
        /* min-height: 501px; */
    }

    h5.te-head {
       
        font-size: 23px;
        margin-bottom: 20px;
    }

    .testimonial .container .row .col-lg-6 .form-control {
       
        height: 45px;
        margin-bottom: 20px;
    }

    input.get-link {
        background-color: #000;
    }

    .partner {
        border-top: 2px solid #1c396c;
        padding: 40px 0;
        margin-top: 60px;
    }

    .ftr-2 {
        margin-left: 0;
        margin-top: 32px;
    }

    .ftr-3 {
        margin-top: -24px;
        margin-left: 0;
    }

    .ftr-4 {
        margin-top: 27px;
    }

    h5.ftr-title {
       
        text-align: center;
    }

    .float-right.ft-rt {
        
        float: initial !important;
    }

    .ftr-rt.d-flex {
        justify-content: center;
    }

    .ftr-container {
        width: 90%;
        margin: 0 auto;
    }

    .ftr-item li a {
      font-size: 15px;
    }

    .top-navigation .container-fluid {
        padding: 0 10px !important;
    }

    .top-list li a {
       
        margin-left: 0;
        /* margin-right: 60px; */
    }

    .top-list li a {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin-left: 0;
        /* margin-right: 60px; */
        text-align: center;
    }

    .top-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
    }

    .top-nav2 .navbar .navbar-nav li a {
        color: #222222;
        font-weight: 600;
        padding: 10px !important;
        font-size: 16px;
    }

    .top-list li a i {
      margin-right: 9px;
    }

    .top-list li a {
       margin-left: 6px;
    }

    .abt-cap {
       font-size: 30px;
    }

    .abt-content {
        padding: 80px 0;
    }

    .overview {
        margin-top: 50px;
    }

    h5.com-header {
        font-weight: 600;
        font-size: 25px;
        color: #1c396c;
        margin-bottom: 15px;
    }

    p.com-para {
        font-size: 15px;
        line-height: 27px;
    }

    .des-list li a h5 {
        font-size: 15px;
        color: #5f5f5f;
        line-height: 26px;
        font-weight: 600;
        margin-bottom: 13px;
    }

    .vission {
        
        margin-top: 50px;
    }

    .m-bg .container-fluid {
        padding: 0 15px;
    }

    h5.v-header {
      font-size: 20px;
    }

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

    .structure {
        margin-top: 50px;
    }

    h5.ep-heading {
        background: #1c396c;
        color: #fff;
        padding: 16px 20px;
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .ep-list li a {
        padding: 16px 15px;
    }

    h4.cat-header {
        font-size: 25px;
        margin-bottom: 12px;
    }

    .s-rt {
        margin-left: 0;
        margin-top: 22px;
    }

    p.des-para {
        color: #4b4b4b;
        font-size: 15px;
        line-height: 26px;
    }

    h5.des-head {
        font-size: 16px;
        font-weight: 600;
        color: #1c396c;
        margin-top: 6px;
        margin-bottom: 28px;
    }

    .des-img {
        margin-bottom: 20px;
    }

    .nav-content {
      width: 70%;
    }

    .nav-content {
      
        top: 43px;
        left: 22px;
    }

    .con-banner {
        padding: 100px 0;
        margin-bottom: 0;
    }

    h3.get-heading {
        font-size: 22px;
    }

    p.get-para {
        font-size: 16px;
        color: #7d7d7d;
        padding-right: 0;
        line-height: 26px;
    }

    input.get-link {
        background-color: #ff5e15;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        border: none;
        padding: 13px 30px;
        margin-top: 10px;
        transition: all 0.5s ease;
    }

    .direct-box {
        min-height: 288px;
        /* border: 1px solid #000000; */
        /* padding-top: 17px; */
        /* padding-left: 14px; */
        width: 100%;
        padding: 35px;
        margin-top: 20px;
        margin-left: 0;
        box-shadow: 0px 20px 31px 0px #eaeaea;
    }

    .map {
        margin-top: 50px;
    }

    .get {
        margin-top: 50px;
    }

   
    

   
}

@media only screen and (max-width: 360px){

    h5.top-cap {
        font-size: 14px;
    }
    
    a.navbar-brand img {
        width: 75px;
    }

    .top-list li a {
       font-size: 15px;
    }

    .top-list li a i {
        color: #1c396c;
        font-size: 10px;
        margin-right: 15px;
        transform: translateY(1px);
        background: #ffffff;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        text-align: center;
        line-height: 26px;
    }

    .bc-img2 {
        min-height: 250px;
    }

    .bc-img {
        min-height: 250px;
    }

    h5.ab-header2 {
        font-size: 17px;
        line-height: 28px;
    }

    p.ab-para {
        font-size: 14px;
    }

    h5.ab-num {
        font-size: 22px;
    }

    h5.pro-header {
        font-size: 25px;
        margin-bottom: 33px;
    }

    h5.pro-header::after {
        left: 39%;
        bottom: -18px;
    }

    .pro-bg {
        padding: 60px 10px;
    }

    h5.p-caption {
        color: #fe5d15;
        position: absolute;
        top: 201px;
        left: 18px;
        /* bottom: 0; */
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 700;
    }

    h5.w-title {
        font-size: 17px;
        color: #000000;
        margin-top: 18px;
        margin-bottom: 9px;
        font-weight: 700;
        line-height: 26px;
        /* font-family: "Kanit", sans-serif; */
    }

    p.w-para {
        font-size: 15px;
        line-height: 25px;
        color: #535353;
        margin-bottom: 0;
    }

    .v-box {
        text-align: center;
        background: #fff;
        padding: 15px;
        margin-bottom: 30px;
        min-height: 251px;
        /* border-radius: 6px; */
        /* border-bottom: 3px solid #54ba44; */
        /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
        border: 1px solid #002060;
        /* font-size: 15px; */
    }

    p.w-para {
        font-size: 14px;
        line-height: 24px;
        color: #535353;
        margin-bottom: 0;
    }

    .mission {
       
        padding: 50px 0;
        margin-top: 60px;
    }

    .m-text {
        width: 96%;
        padding: 20px;
        /* margin: 40px 0; */
        margin: 0 auto;
    }

    .m-para {
        color: #eaeaea;
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 0;
    }

    h5.te-header2 {
        font-size: 18px;
    }

    h5.te-header {
        color: #000000;
        font-weight: 700;
        font-size: 13px;
        position: relative;
        padding-left: 50px;
        margin-bottom: 18px;
        text-transform: uppercase;
        position: relative;
    }

    .testimonial .container .owl-stage-outer {
        height: 367px;
    }

    p.cl-para {
        margin-top: 17px;
        font-size: 14px;
        line-height: 24px;
    }

    h5.te-head {
        font-size: 20px;
        margin-bottom: 20px;
    }

    input.get-link {
        background-color: #ff5e15;
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        border: none;
        padding: 12px 17px;
        margin-top: 10px;
        transition: all 0.5s ease;
    }

    p.ftr-para {
        font-size: 14px;
        color: #c8c8c8;
        line-height: 27px;
        margin-bottom: 0;
    }

    .ftr-social a i {
        /* background-color: #30306c; */
        color: #ffffff;
        width: 36px;
        height: 36px;
        font-size: 14px;
        display: inline-block;
        line-height: 35px;
        text-align: center;
        /* padding-right: 15px; */
        /* border-radius: 100%; */
        border: 1px solid #ffffff;
        text-align: center;
        margin-right: 9px;
        margin-top: 15px;
    }

    .ftr-item li a {
        font-size: 13px;
    }

    .abt-cap {
        font-size: 25px;
    }

    .abt-content {
        padding: 60px 0;
    }

    .overview {
        margin-top: 40px;
    }

    h5.com-header {
        font-weight: 600;
        font-size: 21px;
        color: #1c396c;
        margin-bottom: 12px;
    }

    p.com-para {
        font-size: 14px;
        line-height: 25px;
    }

    .des-list li a h5 {
        font-size: 14px;
        color: #5f5f5f;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 13px;
    }

    h5.v-header {
        font-size: 18px;
    }

    p.v-para {
        margin-bottom: 0;
        color: #d6d6d6;
        line-height: 28px;
        font-size: 14px;
        line-height: 25px;
    }

    .structure {
        margin-top: 60px;
    }

    .direct-box {
        min-height: 288px;
        /* border: 1px solid #000000; */
        /* padding-top: 17px; */
        /* padding-left: 14px; */
        width: 100%;
        padding: 20px;
        margin-top: 20px;
        margin-left: 0;
        box-shadow: 0px 20px 31px 0px #eaeaea;
    }

    .co-list li a h5 {
        font-size: 14px;
        color: #6a6a6a;
        line-height: 23px;
        margin-bottom: 15px;
    }

    h5.com-header {
        font-weight: 600;
        font-size: 19px;
        color: #1c396c;
        margin-bottom: 10px;
    }

    p.com-para {
        font-size: 13px;
        line-height: 24px;
    }

    .des-list li a h5 {
        font-size: 13px;
        color: #5f5f5f;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 13px;
    }

    h5.ep-heading {
        background: #1c396c;
        color: #fff;
        padding: 14px 20px;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .ep-list li a {
        padding: 14px 13px;
    }

    .structure {
        margin-top: 50px;
    }

    h4.cat-header {
        font-size: 20px;
        margin-bottom: 12px;
    }

    p.des-para {
        color: #4b4b4b;
        font-size: 14px;
        line-height: 26px;
    }

    .p-img2 img {
        width: 100%;
        margin: 15px 0 30px;
    }

    h5.des-head {
        font-size: 15px;
        font-weight: 600;
        color: #1c396c;
        margin-top: 6px;
        margin-bottom: 24px;
    }

    

   
    

  
   
}

@media only screen and (max-width: 320px){}