@media only screen and (min-width: 992px){
        .containerAboutUs{
            position: absolute;
            width: 100%;
            height: 2400px;
            background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        }

        .sectionAbout{
            position: relative;
            top: 0px;
            width: 90%;
            height: 2000px;
            margin: 2% 5%;
            color: #eeeeee;
            }
        .sectionUs{
            height: 300px;
            margin-top: 2%;
            background-color: transparent;
            border-radius: 10px;
        }

        .sectionTitles{
            position: relative;
            width: 100%;
            text-align: center;
            font-size: 25px;
            font-family: sans-serif,Verdana,Tahoma;
            color: #03284c;
        }

        .sectionAboutUs{
            position: relative;
            left: 5%;
            width: 90%;
            background-color: transparent;
        }
        .sectionMision{
        position: absolute;
        left: 2%;
        top: 320px;
        width: 45%;
        text-align: center;
        }
        .sectionHide{
            position: absolute;
            right: 2%;
            top: 0px;
            width: 100%;
            height: 300px;
            background-color: transparent;
            display: none;
            margin-top: 5%;
        }
        .sectionMision:hover>#sectionHideMision{
            display: block;
        }
        .sectionMision:hover>#iconTarget{
            display: none;
        }

        .sectionVision{
            position: absolute;
            right: 2%;
            top: 320px;
            width: 45%;
            text-align: center;
        }

        .sectionUs i{
            font-size: 200px;
        
            color: #03284c;
            margin-top: 2%;
        }


        .sectionVision:hover>.sectionHide{
            display: block;
        }
        .sectionVision:hover>#iconVision{
            display: none;
        }
        .description{
            margin-top: 5%;
            font-size: 20px;
            text-align: justify;
        }
        .newSection{
            position: absolute;
            width: 90%;
            top:690px;
            left: 5%;
        }
        .sectionServices{
            position: absolute;
            height: 300px;
            width: 45%;
            background-color: transparent;
            border-radius: 10px;

        }
        .imageServices{
            width: 42%;
            margin: 0 29%;

        }
        .description p{
            margin: 0    2%;
        }
        .servicesLeft{
            left: 2%;
        }
        .servicesRigth{
            right: 2%;
        }
        .cleranceService, .trucking{
            top: 770px;
        }
        .freight, .doorToDoor{
            top: 1100px ;
        }
        .warehousing{
            height: 450px;
            top :1470px;
            width: 80%;
            margin-left: 10%;
        }
        .warehousing ul{
            text-align: justify;
            margin: o 2%;
        }
        .imageServiceWarehouse{
            position: absolute;
            width: 40%;
            margin: 0 30%;
        }


        .cleranceService:hover>#sectionHideCleranceService{
            display: block;
        }
        .cleranceService:hover>#imageClerance{
            display: none;
        }
        .freight:hover>#sectionHidefreight{
            display: block;
        }
        .freight:hover>#imageFreight{
            display: none;
        }
        .trucking:hover>#sectionHideTruck{
            display: block;
        }
        .trucking:hover>#imageTruck{
            display: none;
        }
        .doorToDoor:hover>#sectionHideInsurance{
            display: block;
        }
        .doorToDoor:hover>#imageInsurance{
            display:none;
        }
        .warehousing:hover>#sectionHideWarehouse{
            display: block;
        }
        .warehousing:hover>#imageWarehouse{
            display: none;
        }
}

@media only screen and (min-width: 740px) and (max-width: 991px){
    .containerAboutUs{
        position: absolute;
        width: 100%;
        height: 3000px;
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
        z-index: -2;
    }

    .sectionAbout{
        position: relative;
        top: 0px;
        width: 90%;
        height: 2000px;
        margin: 2% 5%;
        color: #eeeeee;
        z-index: -1;
        }
    .sectionUs{
        height: 450px;
        margin-top: 2%;
        background-color: transparent;
        border-radius: 10px;
    }

    .sectionTitles{
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 25px;
        font-family: sans-serif,Verdana,Tahoma;
        color: #03284c;
    }

    .sectionAboutUs{
        position: relative;
        left: 5%;
        width: 90%;
        background-color: transparent;
    }
    .sectionMision{
    position: absolute;
    left: 2%;
    top: 480px;
    width: 45%;
    text-align: center;
    }
    .sectionHide{
        position: absolute;
        right: 2%;
        top: 0px;
        width: 100%;
        height: 300px;
        background-color: transparent;
        display: none;
        margin-top: 20%;
    }
    .sectionMision:hover>#sectionHideMision{
        display: block;
    }
    .sectionMision:hover>#iconTarget{
        display: none;
    }

    .sectionVision{
        position: absolute;
        right: 2%;
        top: 480px;
        width: 45%;
        text-align: center;
    }

    .sectionUs i{
        font-size: 200px;
    
        color: #03284c;
        margin: 20% 10%;
    }


    .sectionVision:hover>.sectionHide{
        display: block;
    }
    .sectionVision:hover>#iconVision{
        display: none;
    }
    .description{
        margin-top: 5%;
        font-size: 18px;
        text-align: justify;
    }
    .description p{
        margin-top: 80px;
    }

    .newSection{
        position: absolute;
        width: 90%;
        top:1000px;
        left: 5%;
    }
    .sectionServices{
        position: absolute;
        height: 400px;
        width: 45%;
        background-color: transparent;
        border-radius: 10px;
        }
    .imageServices{
        width: 80%;
        margin:10%;

    }
    .description p{
        margin: 0    2%;
    }
    .servicesLeft{
        left: 2%;
    }
    .servicesRigth{
        right: 2%;
    }
    .cleranceService, .trucking{
        top: 1100px;
    }
    .freight, .doorToDoor{
        top: 1500px ;
    }
    .warehousing{
        height: 650px;
        top :1970px;
        width: 80%;
        margin-left: 10%;
    }
    .warehousing ul{
        text-align: justify;
        margin: o 2%;
    }
    .imageServiceWarehouse{
        position: absolute;
        width: 80%;
        margin: 0 10%;
    }


    .cleranceService:hover>#sectionHideCleranceService{
        display: block;
    }
    .cleranceService:hover>#imageClerance{
        display: none;
    }
    .freight:hover>#sectionHidefreight{
        display: block;
    }
    .freight:hover>#imageFreight{
        display: none;
    }
    .trucking:hover>#sectionHideTruck{
        display: block;
    }
    .trucking:hover>#imageTruck{
        display: none;
    }
    .doorToDoor:hover>#sectionHideInsurance{
        display: block;
    }
    .doorToDoor:hover>#imageInsurance{
        display:none;
    }
    .warehousing:hover>#sectionHideWarehouse{
        display: block;
    }
    .warehousing:hover>#imageWarehouse{
        display: none;
    }


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

    .containerAboutUs{
        position: absolute;
        width: 100%;
        height: 3900px;
        background: linear-gradient(90deg, rgba(25,32,42,1) 0%, rgba(161,191,224,1) 94%);
       z-index: 0;
    }

    .sectionAbout{
        position: relative;
        top: 0px;
        width: 90%;
        height: 2000px;
        margin: 2% 5%;
        color: #eeeeee;
        z-index: -1;
        }
    .sectionUs{
        height: 450px;
        margin-top: 2%;
        background-color: transparent;
        border-radius: 10px;
    }

    .sectionTitles{
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 20px;
        font-family: sans-serif,Verdana,Tahoma;
        color: #03284c;
    }

    .sectionAboutUs{
        position: relative;
        left: 5%;
        width: 90%;
        background-color: transparent;
        height: auto;
    }
    .sectionMision{
    position: relative;
    margin: 5%;
    width: 90%;
    text-align: center;
    height:300px;
    }
    .sectionHide{
        position: absolute;
        right: 2%;
        top: 0px;
        width: 100%;
        height: 300px;
        background-color: transparent;
        display: none;
        margin-top: 10%;
    }
    .sectionMision:hover>#sectionHideMision{
        display: block;
    }
    .sectionMision:hover>#iconTarget{
        display: none;
    }

    .sectionVision{
        position: relative;
        margin: 5%;
        width: 90%;
        text-align: center;
       height: 300px;
    }

    .sectionUs i{
        font-size: 120px;
    
        color: #03284c;
        margin: 10%;
    }


    .sectionVision:hover>.sectionHide{
        display: block;
    }
    .sectionVision:hover>#iconVision{
        display: none;
    }
    .description{
        margin-top: 10%;
        font-size: 15px;
        text-align: justify;
    }
    .description p{
        margin-top: 80px;
    }

    .newSection{
        position: relative;
        width: 90%;
        left: 5%;
    }
    .sectionServices{
        position: relative;
        height: 350px;
        width: 90%;
        background-color: transparent;
        border-radius: 10px;
        margin: 5%;
    }
    .imageServices{

        max-width: 65%;

        margin:0% 15%;

    }
    .description p{
        margin: 0  2%;
    }

    .warehousing{
        position: relative;
        height: 750px;
        width: 80%;
        margin-left: 10%;
    }
    .warehousing ul{
        text-align: justify;
        margin: o 2%;
    }
    .imageServiceWarehouse{
        position: absolute;
        width: 80%;
        margin: 30% 10%;
    }


    .cleranceService:hover>#sectionHideCleranceService{
        display: block;
    }
    .cleranceService:hover>#imageClerance{
        display: none;
    }
    .freight:hover>#sectionHidefreight{
        display: block;
    }
    .freight:hover>#imageFreight{
        display: none;
    }
    .trucking:hover>#sectionHideTruck{
        display: block;
    }
    .trucking:hover>#imageTruck{
        display: none;
    }
    .doorToDoor:hover>#sectionHideInsurance{
        display: block;
    }
    .doorToDoor:hover>#imageInsurance{
        display:none;
    }
    .warehousing:hover>#sectionHideWarehouse{
        display: block;
    }
    .warehousing:hover>.containerAboutUs{
        height: 3900px;
    }
    .warehousing:hover>#imageWarehouse{
        display: none;
    }
    

}