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

/* 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) {

}

/* 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) {
    .slider-caption {
        padding-top: 14vw;
        padding-bottom: 14vw; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .slider-caption {
        padding-bottom: 12vw; }
    .rightsidebar-right .affix {
        position: relative !important;
        top: 0 !important;
    }
}

@media only screen and (width : 768px) {
    .rightsidebar-right {
        position: relative !important;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .rightsidebar-right .affix {
        top: inherit;
        position: relative; }
    .rightsidebar-right .affix-top {
        position: relative; }
    .rightsidebar-right .affix-bottom {
        position: relative; }
        
    .slider-caption {
        max-width: 600px !important; 
        padding-top: 5vw;
        padding-bottom: 5vw; }
    .slider-caption h2 {
        font-size: 3vw; }
        
    .valcontent_popup {
        width: 90% !important; }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    
}

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

}