.dualbox-container{
    max-width: 1600px;
    margin:0 auto;

}
.box{
    overflow: hidden;
    margin-top: 10px;
    height: 400px;
}

.dualbox-container{
    padding-top: 50px;
    padding-bottom: 60px;
    position: relative;
}

.dualbox-container a:hover{
    text-decoration: none;

}

@media only screen and (min-width : 320px) {
    .dualbox-container h2{
        position: absolute;
        bottom: 120px;
        left:20px;

    }
    .dualbox-container p{
        position: absolute;
        bottom: 40px;
        left:20px;

    }
    .dualbox-container a{
        position: absolute;
        bottom: 5px;
        left:20px;


    }
    .box-col{
        padding:0px;
    }
    .box img{
        width: 800px;
        height: 400px;
        margin-left: -300px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .dualbox-container h2{
        position: absolute;
        bottom: 95px;
        left:20px;

    }
    .dualbox-container p{
        position: absolute;
        bottom: 40px;
        left:20px;

    }
    .dualbox-container a{
        position: absolute;
        bottom: 5px;
        left:20px;


    }
    .box-col{
        padding:0px;
    }
    .box img{
        width: 800px;
        height: 100%;
        margin-left: 0px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .dualbox-container h2{
        position: absolute;
        bottom: 80px;
        left:20px;

    }
    .dualbox-container p{
        position: absolute;
        bottom: 40px;
        left:20px;

    }
    .dualbox-container a{
        position: absolute;
        bottom: 5px;
        left:20px;


    }
    .box-col{
        padding:0px;
    }
    .box img{
        width: 100%;
        height: 100%;
        margin-left: 0px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .dualbox-container h2{
        position: absolute;
        bottom: 80px;
        left:20px;

    }
    .dualbox-container p{
        position: absolute;
        bottom: 40px;
        left:20px;

    }
    .dualbox-container a{
        position: absolute;
        bottom: 5px;
        left:20px;


    }
    .box-col{
        padding:0px;
    }
    .box img{
        width: 100%;
        height: 100%;
        margin-left: 0px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .dualbox-container h2{
        position: absolute;
        bottom: 180px;
        left:40px;

    }
    .dualbox-container p{
        position: absolute;
        bottom: 100px;
        left:40px;
        width: 318px;

    }
    .dualbox-container a{
        position: absolute;
        bottom: 50px;
        left:40px;


    }
    .box-col{
        padding-right:5px;
    }
    .box img{
        width: auto;
        height: 100%;
        margin-left: 0px;
    }


}