/* Responsive */

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

@media only (min-width : 320px) and (max-width : 768px) {
    .box {
        height: 200px;
        background-size: 261px;
        background-position: 10px 13%;
        margin-left: 0px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

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

}

@media only screen and (min-width : 1100px) {

}

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

}

/*==========  Non-Mobile First Method  ==========*/

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

}

@media only (min-width : 320px) and (max-width : 992px) {

}

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

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .bgScript {
        height: 60px;
    }

    h3 {
        padding: 0px 1% !important;;
    }

    .grid .col-lg-6.col-md-6.col-sm-6 {
        border-right: 15px solid #fff;
        border-top: 15px solid #fff;
        padding-right: 0px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .bgScript {
        height: 60px;
    }

    h3 {
        padding: 0px 1% !important;;
    }

    .grid .col-lg-6.col-md-6.col-sm-6 {
        border-right: 15px solid #fff;
        border-top: 15px solid #fff;
        padding-right: 0px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

@media (min-width: 576px) {
    /*.container {
         max-width: inherit !important; 
    }*/
}