/* 1700  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1700px) {
    .csi-sectionOne .col-lg-5{
        padding-right: 5rem;
    }

    .csi-sectionTwo .col-lg-5{
        padding-left: 5rem;
    }
}



/* 1600  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1600px) {
    .csi-quickyLinky .quickyIfo{
        max-width: 150px;
    }
    .csi-insidepages .calc-body {
        padding: 0;
    }
}


/* 1400  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1400px) {
    .csi-quickyLinky .quickyIfo{
        max-width: 125px;
    }
}


/* 1300  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1300px) {

    .csi-quickyLinky.d-flex{
        display: -ms-flexbox!important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .csi-quickyLinky .quickLinkBox.d-flex{
        min-width: 200px;
        display: -ms-flexbox!important;
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 1.5rem;
    }

}



/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {


    /* Hero */
    .carousel-item {
        min-height: 300px;
        max-height: 80vh;
        height: 80vh;
        position: relative;
    }

    .carousel-caption h2{
        font-size: 2.25rem;
    }


    /* Quick Links */
    
    .csi-quickyLinky{
        padding: 2.5rem;
        border-radius: 0;
    }

    .csi-quickyLinky .quickLinkBox{
        margin: 0 1rem;
    }


    /* Body Container */
    .csi-bodyContentContainer{
        left: 0;
        padding-right: 0;
        border-radius: 0;
    }

        .csi-sectionOne{
            margin-top: 0;
        }

            .csi-sectionOne .csi-pic1,
            .csi-sectionOne .csi-pic2{
                width: 350px;
                height: 100%;
                padding-top: 55%;
            }

            .csi-sectionOne .csi-pic2 {
                margin-top: -235px;
                margin-left: -106px;
            }


            .csi-sectionTwo .csi-pic3{
                width: 100%;
                height: auto;
                padding-top: 75% !important;
            }


    /* Footer Links */

    .footerLinks .cardQuickLinks{
        position: relative;
        width: auto;
        top: 0;
        max-height: 100%;
        margin-left: auto;
        transform: translate(0, 0) rotate(
            0deg);
    }




}

/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {

    .csi-hero{
        position: relative !important;
    }

    .csi-header{
        background: none;
    }

    .carousel-caption {
        height: auto;
        margin-top: 0;
    }

}


/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    
    .csi-sectionOne .csi-pic1{
        margin-left: 0 !important;
        margin-bottom: 2rem;
    }
    
    .csi-sectionOne .csi-pic2{
        display: none;
    }
    
    .cardQuickLinks{
        margin-top: 3rem !important;
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
    }
    
    .footerLinks{
        padding: 3rem;
    }
    
}


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
	.csi-pic1,
    .csi-pic2,
    .csi-pic3{
        display: none;
    }

    .csi-sectionTwo .col-lg-5{
        padding-left: 1rem;
    }

    .csi-sectionTwo{
        margin-top: 6rem;
    }
    
    .csi-quickyLinky .quickLinkBox.d-flex{
        margin: 1.5rem !important;
    }
    
    
    .carousel-item:after{
        display: none;
    }
    
    .csi-header > .container-fluid >.row > .col-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .csi-ib {
        text-align: center !important;
    }
    
    .csi-ib input,
    .csi-ib .csi-btn{
        width: 100%;
    }
    
    .csi-ib >form >.justify-content-end{
        justify-content: center !important;
    }
    
    #csiMenuWrapper .csi-Menu-inner {
     
        align-items: center;
    }
    
    #csiMenuWrapper .csi-Menu-titles-wrapper{
        max-width: 100%;
    }
}