﻿/*
Responsive Template Name: RS-1200 Prototype 51
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */

/* iPhone - Portrait - 240 x 320px */
@media screen and (min-width:180px) and (max-width:360px) { /*(max-width:340px) and (max-height:480px) {*/
	#logo-magz {
        height: 84px;
        left: 10px;
        top: 5px;
        width: 150px;
    }
    #myCarousel {
        /*display: none;*/
    }
}

/* iPhone - Landscape - 480px */
@media screen and (min-width:361px) and (max-width:615px) {
	#logo-magz {
        height: 84px;
        left: 15px;
        top: 5px;
        width: 150px;
    }
    #myCarousel {
        /*display: none;*/
    }
}

/* 768px */
@media screen and (min-width:616px) and (max-width:800px) {
    /*#logo-magz {
        height: 98px;
        width: 175px;
    }*/
}

/* PC - 960px */
@media screen and (min-width:960px) {
    /*#logo-magz {
        height: 98px;
        width: 175px;
    }*/

}

/* PC - 1024px */
@media screen and (min-width:1024px) {
    /*#logo-magz {
        height: 98px;
        width: 175px;
    }*/

}

/* PC - 1200px */
@media screen and (min-width:1200px) {
    /*#logo-magz {
        height: 112px;
        width: 200px;
    }*/

}

/* PC - 1600px */
@media screen and (min-width:1600px) and (max-width:1900px){
    /*#logo-magz {
        height: 154px;
        left: 172px;
        top: 15px;
        width: 275px;
    }*/

}

/* PC - 1900px */
@media screen and (min-width:1900px) {
    /*#logo-magz {
        height: 168px;
        width: 300px;
    }*/
}

#forAffix {
    min-height: 800px;
    position: absolute;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    /* Styles */
    .gallery li { float: left; width: 113px; padding: 0.4em; text-align: center; }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    /* Styles */
    .gallery li { float: left; width: 113px; padding: 0.4em; text-align: center; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* Styles */
    .gallery li { float: left; width: 185px; padding: 0.4em; text-align: center; }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
    .gallery li { float: left; width: 185px; padding: 0.4em; text-align: center; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* Styles */
    .gallery li { float: left; width: 185px; padding: 0.4em; text-align: center; }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    /* Styles */
    .gallery li { float: left; width: 185px; padding: 0.4em; text-align: center; }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    /* Styles */
    .gallery li { float: left; width: 185px; padding: 0.4em; text-align: center; }
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
    .gallery li { float: left; width: 113px; padding: 0.4em; text-align: center; }
}