/* min-width */
@media (min-width: 576px){
     .systems-text-wrapper {
        padding-left: calc((100vw - 540px) / 2);
        padding-right: calc((100vw - 540px) / 2);
    } 
}
@media (min-width: 768px){
     .systems-text-wrapper {
        padding-left: calc((100vw - 720px) / 2);
        padding-right: calc((100vw - 720px) / 2);
    } 
     .border-right-sm { 
        border-right: none;
    }
    .border-bottom-sm {
        border-bottom: none;
    }
}

@media (min-width: 992px){
    .systems-text-wrapper {
        padding-left: calc((100vw - 960px) / 2);
        padding-right: calc((100vw - 960px) / 2);
    }
    .system-page.border-bottom {
        border-bottom: none!important;    
    }
    .system-page.border-right {
        border-right: none!important;    
    }
    .nav-item.dropdown:hover .dropdown-menu {
       opacity: 1;
       visibility: visible;
       transition: .3s;
    }
    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar .nav-item:not(:last-child) {
        margin-right: 15px;    
    }    
}
@media (min-width: 1200px){
    .systems-text-wrapper {
        padding-left: calc((100vw - 1150px) / 2);
        padding-right: 20px;
    } 
}
@media (min-width: 1300px){
     .slick-dots {
        right:0;
        width:auto;
        position:absolute;
        bottom: 50%;
        margin-right: 5px;
        -webkit-transform:translateY(50%);  
        transform:translateY(50%);  
    }
    .slick-dots li {
        color: #fff;
        padding:10px;
        display: block;
        margin:10px;
        float: right;
        clear: right;
    }
    .p-xxl-5 {
        padding: 3rem!important;
    }
    .services-wrapper .btn.btn-fill{
        bottom: 2rem;
        }
}
@media (min-width: 1540px){
    .container {
        max-width: 1480px;
    }    
    .systems-text-wrapper {
        padding-left: calc((100vw - 1497px) / 2);
    }
    .service-wrap {
        flex-direction: row!important;
        -webkit-flex-direction: row!important;
    }
    .p-xxxl-5 {
        padding: 3rem!important;
        padding-bottom: 5rem!important;
    }
}

@media (min-width: 1660px){
    .container {
        max-width: 1600px;
    }  
    .systems-text-wrapper {
        padding-left: calc((100vw - 1617px) / 2);
    }
    .padding-responsive {
        padding: 0 15px;    
    }
}
/* min-width */

/* max-width */
@media (max-width: 1539px){
    body {
        font-size: 14px!important;    
    }
    .service-icon {
        margin-bottom: 15px;    
    }
    .h1,h1 {
        font-size:2rem;
    }
    .h2,h2 {
        font-size:1.75rem;
    }
    .h3,h3 {
        font-size:1.5rem;
    }
    .h4,h4 {
        font-size:1.25rem;
    }
    .h5,h5 {
        font-size:1rem;
    }
    .h6,h6 {
        font-size:0.75rem;
    }
    .hero-section{
        margin-top: 93px;
    }
    .navbar .navbar-brand .logo-main{
        width:100px;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 13px!important;    
    }
}
@media (max-width: 1199px){
    .hero-section{
        margin-top: 78px;
    }
    .navbar .navbar-brand .logo-main{
        width:100px;
    }
    .service-icon {
        width: 50px;   
    }
    .flip-box {
        height: 200px;    
    }
    .system-img {
        width: 60px;
    }
    .system-wrapper:hover .flip-box-inner {
      transform: none!important;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 12px!important;    
    }
    .services-wrapper .btn.btn-fill{
        position:static;
        }
}
@media (max-width: 991px){
    .logo-main {
        width: 200px;
    }
    .hero-section{
        margin-top: 84px;
    }
    .no-br br {
        content: ' ';    
    }
    .nav-item.active .underline:after,
    .underline:hover:after{  
      width: 0%;
    }
    .bordered, .bordered-center {
        margin-bottom:35px;
    }
    .blockquote {
        padding-left: 50px;
        font-size: 1rem;
    }
    .blockquote:before {
        width: 30px;
        height: 40px;
    }
    
    .services-wrapper .services-img img {
        width: 62px;    
        height: 62px;    
    }
    .services-wrapper .btn.btn-fill{
        position:static;    
    }
    .dropdown-toggle-custom {
        padding: 0 10px;
        cursor: pointer;
    }
}
@media (max-width: 767px){
   .hero-main .hero-text .slogan {
        font-size: 48px;
        line-height: 1;
    }  
    .bordered-center:before {
        content: '';
        position:absolute;
        width:50px;
        height:3px;
        bottom:-12px;
        left:50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #d6cc70;
    }
    .hero-main .hero-slide {
        height:500px;
    }
    .site-banner .banner-slogan .breadcrumb {
        padding-right: 1rem!important;    
    }
    .border-right {
        border-right: none!important;
    }
     .border-bottom {
        border-bottom: none;
    }
    .border-right-sm {
    border-right: 1px solid rgb(51, 59, 60)!important;
    }
    .border-bottom-sm {
        border-bottom: 1px solid rgb(51, 59, 60)!important;
    }
    .up-btn {
        bottom: 28px;
        width: 30px;
        height: 30px;
        background-size: 20px;
    }
    .border-right-xs{
        border-right: 1px solid rgb(51, 59, 60)!important;
    }
    .services-wrapper .btn.btn-fill{
        position:static;    
    }
    

}
@media (max-width: 575px){
    .hero-section{
        margin-top: 69px;
    }
    .hero-main .hero-text .slogan {
       font-size: 32px;
       line-height: 1;
    }
    .testimonial-wrapper .testimonial-img {
        width:120px;
        height:120px;
        top:-60px;
    }
    .services-slider .slick-prev{
        left:20px;
    }
    .services-slider .slick-next{
        right:20px;
    }
    .navbar .navbar-brand .logo-main {
        width: 100px;
    }
    .box-content .h5 {
        font-size: 15px;    
    }
}
/* max-width */