@charset "UTF-8";
/*============================================================================================*/

/* Extra large devices (large laptops and desktops, 1680px and up) */

@media only screen and (min-width: 1820px) and (max-height: 1080px) {

}



/* Extra large devices (large laptops and desktops, 1680px and up) */

@media only screen and (min-width: 1820px) and (max-height: 969px) {
   

}



/*========================================Màn-Thịnh=============================================*/

/* Extra large devices (large laptops and desktops, 1680px and up) */
@media only screen and (min-width: 1450px) and (max-height: 960px) {

 
}

@media only screen and (min-width: 1450px) and (max-height: 944px) {
  
}

/* MEDIA QUERIES size 768/1200px  */

/*===============màn-luận và chung=============================================================================*/
@media only screen and (min-width: 1366px) and (max-height: 626px) {
  .hero-responsive .single-slide {
    background-position: right center !important;
    background-image: url(../images/slider/slide-bg-1-a.jpg) !important;
  }

    .bg-home {
        height: 950px;
    }
    .page-title-area {
        height: 540px;
    }

    .content-main {
        padding-top: 30px;
    }

    .crmnt-chucnang {
        margin: 130px 0 50px 0;
    }

    .page-title-detail {
        height: auto;
    }


    .crmnt-detail {
        margin: 60px 0 50px 0;
    }

    .page-title-detail .section-pb {
        padding: 0 0 0px 0;
    }

    .crmnt-signup {
        padding: 50px 0px 0px !important;
    }
   
}


/*===============màn-luận và chung=============================================================================*/
@media only screen and (min-width: 1556px) and (max-height: 783px) {
  .hero-responsive .single-slide {
    background-position: right center !important;
    background-image: url(../images/slider/slide-bg-1-a.jpg) !important;
  
  }

  .feature-responvie {
    margin-top: -345px !important;
  }
   
}




/*===============màn-hà=============================================================================*/
@media (min-width: 1200px) and (max-width: 1440px) {
  .feature-responvie {
    margin-top: -345px !important;
  }
  
.hero-responsive .single-slide {
  background-position: right center !important;
  background-image: url(../images/slider/slide-bg-1-a.jpg) !important;

}

.feature-new  {
  margin-top: -362px;
  position: sticky;
}
    
   }


/* Màn của hồng  */

@media only screen and (max-width: 1360px) {
  .feature-new {
    margin-top: -345px !important;
  }

  .hero-responsive .single-slide {
    background-position: right center !important;
    background-image: url(../images/slider/slide-bg-1-a.jpg) !important;
  }

}

/* MEDIA QUERIES size 768/1200px  */

/*============================================================================================*/

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



}

/* END MEDIA QUERIES size 768/1200px  */

/*============================================================================================*/

/* MEDIA QUERIES max-width 1024px  */

/*============================================================================================*/

@media (max-width: 1024px) {

   

}


/* LOGO H1 FOR RETINA DISPLAY  */

/*============================================================================================*/

/* MEDIA QUERIES max-width 991px  */

/*============================================================================================*/

@media (max-width: 991px) {}

/* END MEDIA QUERIES max-width 991px  */

/*============================================================================================*/

/* MEDIA QUERIES size 769/979px  */

/*============================================================================================*/

@media (min-width: 769px) and (max-width: 979px) {}

/* END MEDIA QUERIES size 769/979px  */

/*============================================================================================*/

/* MEDIA QUERIES max-width 768px - TABLETS  */

/*============================================================================================*/

@media (max-width: 768px) {
  .index5 .slick-list {
    padding: 0 15px;
}
  .our-customer .our-mission-content .content1 {
    margin-top: 15px;
  }

  .video-popup-content iframe {
    height: 300px;
  }
.slick-dots {
    bottom: -331px;
}

.our-mission-content1 iframe {
    height: 250px;
  }

    /*landingpage*/
    .title-button-top {
        margin-bottom: 15px;
    }
    .title-landing {
        font-size: 27px;
        line-height: 40px;
    }

    .form-dangKy-Landing {
        padding: 30px 15px;
    }

    .title-dangky {
        font-size: 15px;
        line-height: 28px;
    }
   /* .landing-about {
        padding: 0px 0 30px;
    }*/

    .form-about-landing {
    margin: 30px 0 0 0;
}

    .order-new-1 {
        order: 1 !important;
    }

    .order-new-2 {
        order: 2 !important;
    }

    .fotter-new-landing .footer .footer-top .footer-contact {
        margin-top:0px;
        margin-bottom:15px;
    }

   .our-mission-content-landing {
      display:initial
    }

    .form-new-landing {
        box-shadow: 0px 0px 14px 0px rgba(17, 35, 42, 0.2);
    }

    .landing-news .button-main-lading {
        padding-top: 100px;
    }

    .bg-landing-customer {
        background-position: center center;;
        position: relative;
    }
    /*Endlandingpage*/
    .feature-area-inner-four .single-feature {
        height: inherit !important;
    }

.feature-img {
    display: none !important;
}

.table-30 {
  min-width: 200px;
}

.table-17 {
  min-width: 205px;
}

.hidden-xs {
    display: none;
}

.mobile-dis {
  display: none !important;
}

.desktop-dis {
  display: block !important;
}

	.top-slider-pad {
		margin: -28px 0 0 0;
	}

	.top-slider-pad	.carousel-inner>.item>img {
		height: 300px;
		width: 100%;
	}

	.top-slider-pad	.carousel-caption {
    text-align: left;
    text-shadow: none;
    background: #555;
    width: 100%;
		padding: 10px 10px;
		left: 0;
		bottom: 0;
		margin-top: -90px;
		display: inline-block;
		position: initial;
}

.top-slider-pad .text-content-slider {
	display: block;
	font-size: 15px !important;
	text-align: justify;
}

.top-slider-pad .carousel-indicators {
	display: none;
}

.text-header-slider {
    color: #ffb300;
    font-size: 16px !important;
    letter-spacing: 0px !important;
}

.pricing-table-item img {
  width: 35px;
  height: 35px;
}

.pricing-table-item .pt-price-tag span {
  color:#fff !important;
}

.pricing-table-item span {
      color: #333 !important;
}

.max-30-crmnt {
  min-width: 400px !important;
}

.max-15-crmnt {
    min-width: 100px !important;
}

.one_half {
  margin: 0 0 30px 0;
}



.desktop-dis {
  display: none !important;
}

/*.hero-slider-1 .single-slide {
  display: none !important;
}
*/
.feature-area  {
  margin-top: 15px;
  display: inline-flex;
}

.logo {
  margin-top: 5px !important;
}

.header-top {
/*        border-bottom: 1px solid #1c8cb3;
    background-color: #fff;*/
    padding: 5px 0;
}


.captcha {
  float: initial !important;
  margin: 15px 0 0 0 !important;
  display: inline-table !important;
}

.dis-mobile {
  display: none;
}



.dis-desktop {
  display: block !important;
}

.dis-desktop .slider-btn {
  padding: 5px 15px !important;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  margin: 18px 0 !important; 
}

.bg-bottom-hotline {
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-top: 1px solid #1c8cb3;
  padding: 10px 0;
}

.footer-bottom {
  padding: inherit !important;
}

.social-link {
  padding: 20px 0 0 0 !important;
}

.footer-bottom .copy-right {
  padding: 0 0 50px 0 !important;
}

.bg-bottom-hotline i, .bg-bottom-hotline a {
  color: #1a5692;
}

.single-testimonial .client-say {
  height: auto !important;
}

.is-sticky .inner-header {
  position: fixed !important;
}

.feature-area {
  display: -webkit-box !important;
}

.banner-area {
  display: inline-flex;
  margin: 91px 0 30px 0 !important; 
}

.features-area {
  display: inline-flex;
  padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.col-lg-offset-2 {
  margin-left: 0% !important;
}

.features-area .item {
  margin-bottom: 30px;
}

.pricing-simple {
  display: inline-block !important;
}

.position-relative img {
  margin: 15px 0;
}

.features-area.cell-items .features-items .equal-height {
  margin-top: 0px !important;
}

.feature-new {
  margin-top: 40px !important;
}

/*css new*/
    body {
        background-size: auto;
    }

    .feature-new-main {
        margin-top: 615px;
    }
    .form-slider {
        padding-top: 15px;
    }
    .content-new {
        padding-top: 725px;
    }
    .title-slide1 {
        font-size: 20px;
        margin-bottom: 0px;
    }
    .title-slide2 {
        font-size: 20px
    }
    .text-title-main .title-slide1, .text-title-main .title-slide2 {
        font-size: 18px;
    }
.title-slide-main {
    font-size: 40px;
    margin-bottom: 5px;
}
.text-title-main .title-slide1 {
    margin-bottom: 0px;
}

.content-main {
    padding-top: 60px;
}

.bgForm-card {
    margin-bottom: 55px
}

.box-icon {
    bottom: 30px;
}

.logo image {
    width: 90px;
}

.contnet-aboutNT {
    margin: 0px 0;
}

    .title-top {
        margin: 30px 0 30px 0;
    }

    .title-top1 {
        margin: 0px 0 30px 0;
    }

    .projects-area {
        padding:0px;
    }

    .bg-form-product {
        margin-bottom: 15px;
        height: auto;
    }

    .header-top-inner {
        margin: 10px 0 0 0;
    }

    .logo img {
        max-width: 80px;
    }
    .mobile-menu1 {
        position: absolute;
        max-width: 100%;
        top: 0;
        left: 0;
        margin: 0px;
        padding: 0px;
    }
    .mobile-menu1 .mean-nav {
        position: absolute;
        width: 100%;
        margin: 0px;
        top: 0;
        left: 0;
        background-color:#fff !important; 
    }
    .mobile-menu .mean-bar .meanmenu-reveal {
        top: 25px;
        right: 40px !important;
        z-index: 999999;
    }

    .mobile-menu .mean-bar .mean-nav > ul {
        padding: 65px 15px 0;
        max-height: 400px;
        border:0px;
    }
        .mobile-menu .mean-bar .mean-nav > ul li {
            border-bottom: 1px solid #D4D3D3;
        }

            .mobile-menu .mean-bar .mean-nav > ul li a {
                padding: 0px;
                color: #434242;
                border-top: 0px;
                font-family: "SF Pro Display Medium";
                text-transform: uppercase;
                font-weight: normal;
                color: #434242;
            }

    .mobile-menu2 {
        display: block;
        width: 100%;
        margin-top: 5px;
    }
        .mobile-menu2 a {
            padding: 0px;
            color: #434242;
            border-top: 0px;
            font-family: "SF Pro Display Medium";
            text-transform: uppercase;
            font-weight: normal;
            color: #434242;
            display: block;
            line-height: 44px;
            font-size: 13px !important;
        }
    .news-mission {
        margin: 30px 0 30px;
    }

    .form-button-menu {
        display:flex;
    }

    .mean-last {
        margin: 15px 0 0 0;
        border-bottom: 0px !important;
    }

    .button-mobile {
        width:50%
    }

    .btn-main {
        /*   background: linear-gradient(90deg, #1D60A7 0%, #1A4CC7 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
        border-radius: 6px;*/
        background: linear-gradient(232.39deg, #FFA231 10.52%, #FF593D 86.57%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        color: #ffffff !important;
        margin: 0 8px;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 16px !important;
        line-height: 21px;
        font-family: "SF Pro Display Bold" !important;
        padding: 14px 29px;
        text-align: center !important;
    }

    .btn-main-border {
        /* background: #FFFFFF;
        border: 1px solid #1D60A7 !important;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
        border-radius: 6px;        
        color: #1C5CAC !important;
        */
        background: #FFFFFF;
        border: 1px solid #434242 !important;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);
        border-radius: 6px;
        color: #434242 !important;
        margin: 0 0 0 8px;
        font-size: 15px !important;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 21px;
        font-family: "SF Pro Display Bold" !important;
        padding: 14px 29px;
        text-align: center !important;
    }
    .main-menu ul li.dis-desktop {
        display: block;
    }
    .desktop-dis-price {
        display: block;
    }
    .our-customer .shape {
        display: none;
    }
    .title-box .price {
        min-height: auto;
    }
    .title-box .text {
        min-height: auto;
    }
    .bottom-support .img-app img {
        width: 45%;
    }


    .detail-product {
        display: flex;
        align-items: center;
        margin: 15px 0 0 0;
        color: #2062A8;
    }
    
    .detail-product .icon-bg-footer {
        margin: 0px 10px 0 0;
    }
        .detail-product .icon-bg-footer i {
            padding: 0 0 0 5px;
            font-size: 20px;
        }

.price-blue .detail-product {
    color:#fff
}


.bg-home {
    height: 1100px;
}

.page-title-area {
    position: relative;
    z-index: 1;
    background-image: url(../images/ImageNew/tinhNang.png);
    padding-top: 100px;
    padding-bottom: 0px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
     height: auto; 
    width: 100%;
}

    .page-title-area .section-pb {
        padding: 0 0 30px 0;
    }
.page-title {
    text-align: center;
    margin: 0 0 30px 0;
}

    .button-TN {
        justify-content: center;
        margin: 0 0 15px 0;
    }

    .right-new {
        margin:30px 0 0 0;
    }
    .g-recaptcha div {
        width: 100% !important;
    }
    .crmnt-signup {
        padding: 0px 0px 0px;
        margin: 0px 0 30px 0;
    }

    .left-new .latest_page_box .news_image img {
        height: auto !important;
    }

    .boxesNew .bg-form-product {
        height: auto;
    }
    .boxesNew p:last-child {
        position: inherit;
        bottom: inherit;
        left: inherit;
        margin: 30px 0 0 0;
    }
    .affix {
        position: fixed;
        bottom: 0px;
        z-index: 99;
        top: inherit;
    }



    }

/* MEDIA QUERIES max-width 768px - TABLETS  */

/*============================================================================================*/

/* MEDIA QUERIES max-width 767px - MOBILE LANDSCAPE  */

/*============================================================================================*/

@media (max-width: 767px) {
   

}

/* END MEDIA QUERIES max-width 767px - MOBILE LANDSCAPE  */

/*============================================================================================*/

/* MEDIA QUERIES max-width 480px - MOBILE PORTRAIT  */

/*============================================================================================*/

@media (max-width: 480px) {


}

@media (max-width: 320px) {

  .inner-header {
    width: inherit !important;
  }
  
  .section-ptb, .priceing-package-area{
    display: inline-flex;
  }
  
  .footer-area {
    display: inline-block;
  }
  
}


/* END MEDIA QUERIES max-width 480px - MOBILE PORTRAIT  */