@charset "utf-8";
/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
        .Video iframe{height:200px}
        .prods>figure { height: 100px !important}
        .prods>figure>img {max-height: 100px !important;}
        .prods {padding: .3rem !important;}

}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
         
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .prods>figure { height: 120px !important}
    .prods>figure>img {max-height: 120px !important;}
    .prods {padding: .5rem !important;}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
     .Video iframe{height:200px}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1281px) {
      .Video iframe{height:250px}
}

/*iPhone 4S*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
}

/*iPhone 5 & 5S*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

    
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}

/*iPhone 6, 7, & 8*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
}

/*iPhone 6, 7, & 8 Plus*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
}

/*iPhone X*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
}

/*Retina iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
}