@media (max-width : 575px) {

    .dotted-nav{
        display: none;
    }

    .highlight-1{
        padding: initial;
        margin:0px auto;
    }
    .p-xs-0{
        padding: 0 !important;
    }

    .m-xs-auto{
        margin: auto;
    }

    .banner-triangle{
        right: 2rem;
    }

    .services-triangle
    {
        margin-right: -150px;
    }
    .triangles-blue.faq-triangles{
        left:0px !important;
        width: 25%  !important;
        top: 10rem;
    }

    

    .fs-huge{
        padding: 30px 15px;

    }
    .login-circle-banner-img{
        max-width: 150px;
    }

    .fs-huge{
        font-size: 40px;
        
    }

    h1{
        font-size: 36px;
    }

    h2{
        font-size: 2rem;
    }

    .text-xs-center{
        text-align: center;
    }

    .slideshow-container{
        max-height: 390px;
    }

    .ml-200{
        margin-left: 40px;
    }

    .p-xs-5{
        padding: 3rem !important;
    }

 .sub-title h1 {
       line-height: 1.5;
    }

    .ml-50-percent{
        margin-left: auto !important;
    }

    .w-xs-100{
        width: 100% !important;
    }

    .pe-xs-50{
        padding-right: 50px !important;
    }

    .mt-xs-5{
        margin-top:30px;
    }

    .w-xs-100{
        width: 100%;
    }

    .news-triangles {
        max-width: 120px;
        margin-right: -125px;
    }

    .text-xs-left {
        text-align: right !important;
    }

    .page-survey{
        white-space: normal;
    }

    .transport-overlay {
        margin-right: 0 !important;
        right: 2rem !important;
    }

    .laws-img-circle
    {
        left: initial;
        right:30%;
    }

    .faq-why-ncp-pic
    {
        left:initial;
        right:50%;
    }

    .news-section{
        margin-top:0.5rem  !important;
    }

    .triangles-green {
        top: -100px !important;
        right: 50px !important;
    }
    
    .extra-wide{
        background-position-x: -150px;
    }
 } 

 @media(min-width : 1024px){

    .hero-text{
        padding-right: 70px;
        margin-right: initial !important;
    }

    .dotted-nav{
        right:30px;
    }

    h2{
        font-size: 36px;

    }

    .slideshow-container{
        max-height: 500px;
    }

    .slide-overlay{
        /* bottom: 275px; */
        width: 70%;
    }

    .sub-title,.sub-para{
        width: 63%;
    }

    .faq-title{
        width: 50% !important;
    }

    .triangles-green{
        left: 200px;
        top: -100px;
    }

    .transport-overlay{
        left: 30px;
        width: 25%;
    }

    .highlight-1{
        width: 80%;
    }

    .highlight-3{
        width: 65%;
    }
    
    .slick-dots
    {
        bottom: 20px;
    }

    .fs-huge{
        font-size: 48px;
        padding-left: 65px;
    }


    /* .w-xs-100{
        width: 100%;
    } */

    .ss-overlay{
        right: auto !important;
        left: 6rem !important;
    }

 }

 @media (min-width : 1088px){
    .fs-huge{
        font-size: 44px;
        
    }
 }
 @media (min-width : 1152px){
    .fs-huge{
        font-size: 48px;
        
    }   
    
 }

 @media (min-width: 1200px)
{
    .ss-overlay {
        right: auto;
        left: 6rem;
        width: initial;
    }

    .text-lg-left {
        text-align: right;
    }

    .text-lg-right{
        text-align: left;
    }
}

 @media (min-width : 1216px){
    .fs-huge{
        font-size: 52px;
        padding-right: 100px;
    }
}

 @media (min-width : 1280px){
    .slideshow-container{
        max-height: 550px;
    }
 }

 @media (min-width : 1344px){
    .fs-huge{
        font-size: 60px;
        
    }
}
.triangles-green{
   top:-50px;
}

 @media (min-width : 1440px){

    .hero-text
    {
        padding-right: 100px;
    }
    .sub-title h1{
        font-size: 54px;
    }

    .sub-title,.sub-para{
        width:55%;
    }

    .dotted-nav{
        right:40px;
    }

    .highlight-1{
        width: 75%;
    }

    .highlight-2{
        width: 95%;
    }

    .highlight-3{
        width: 70%;
    }

    .triangles-green{
        left: -120px;
        top:20px;
    }

    .slideshow-container{
        max-height: 650px;
    }

    .fs-huge{
        font-size: 64px;
    }

    .slick-dots{
        bottom:25px;
    }

    .sub-title h1{
        font-size: 42px;
    }
 }

 @media (min-width : 1540px){
    .slideshow-container{
        max-height: 700px;
    }
 }

 @media (min-width : 1640px){
    .slideshow-container{
        max-height: 700px;
    }

    .sub-title h1{
        font-size: 54px;
    }

 }

 @media (min-width : 1840px){
    
    .dotted-nav{
        right:50px;
    }

    .highlight-1{
        width: 55%;
    }

    .highlight-2{
        width: 75%;
    }

    .highlight-3{
        width: 45%;
    }

    .sub-title,.sub-para{
        width: 45%;
    }

    .slideshow-container{
        max-height: 850px;
    }

    .fs-huge{
        font-size: 74px;
    }

    .triangles-green{
        right: -75px;
        left: initial;
    }

    .transport-overlay{
        right: 70px;
        width: 18%;
    }

    .sub-title h1{
        font-size: 54px;
    }
 }

 @media (min-width : 2480px){
    .slide-overlay{
        /* bottom: 900px; */
        width: 55%;
    }

    .fs-huge{
        font-size: 100px;
        padding-left: 50px;
    }

    .highlight-1,.highlight-2{
        width: 40%;
    }
    .highlight-3{
        width: 30%;
    }

    .transport-overlay{
        right: 70px;
        width: 18%;
    }

    .sub-title h1{
        font-size: 56px;
    }
 }