/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  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) {
        
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        
        
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 975px) {
        .center{
            width:90%;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        
        #logo{
            margin-left:65px;
        }
        
    }


    @media only screen and (max-width : 740px) {
        .center{
            width:100%;
            left:48%;
            right:30%;
        }
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 690px) {
        .even{
            min-height:580px;
        }
        .even_text{
            position:relative;
            float:inherit;
            margin-left:10%;
            margin-right:20%;
        }
        .even_pic{
            position:relative;
            float:inherit;
            margin-left:20%;
            margin-right:20%;
        }
        .odd{
            min-height:580px;
        }
        .odd_text{
            position:relative;
            float:inherit;
            margin-left:30%;
            margin-right:20%;
        }
        .odd_pic{
            position:relative;
            float:inherit;
            margin-left:20%;
            margin-right:20%;
        }
        .cr{
            font-size:9px;
        }
        .ad_button{
            width:70px;
            height:30px;
            border-radius:12px;
            border:0;
        }
        .center{
            width:100%;
            left:40%;
            right:30%;
        }
        
    }
    
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 530px) {
        .com_imgs{
            width:280px;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }