/* Add general styles here */

	/* Adjusting Background */
	body.html {
    background: white;
	}
	
	body {
    font-size: 16px;
	}
	
	section.col-sm-9, .sidebar-primary-box, .sidebar-second-box, section.col-sm-6, section.col-sm-12 {
		box-shadow: none;
	}
	
	/* Making Images Responsive */
	img {
    max-width: 100%;
	height: auto;
	}
	
	/* Search Box */
	nav .input-group {
    border: 1px solid #ccc;
	}	

	/* Homepage Banner */
	.bannertext h1 {
    max-width: 550px;
    margin: 0 auto;
    margin-top: 5%;
	text-transform: normal !important;
	}


/* General styles ends here */
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/



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

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
       
    /* add styles within these curly braces */

    }

    /* custom addition for mobile screen resolutions between 320px min and 480px max widths */
    @media only screen and (min-width : 320px) and (max-width: 479px) {

    /* add styles within these curly braces */

        
    }   


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

    	.region.region-sidebar-first.sidebar-primary-box {
			display: block !important;
		}
	
		.col-xs-4.col-sm-4.col-md-4.col-lg-4.lpad-zero {
    		width: 100%;
		}
		img.img-responsive {
    		width: 100%;
			margin-bottom: 15px;
		}
        
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    /* add styles within these curly braces */
    }
    
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        
    }   
    /* iPad styles for landscape orientation only */
    @media only screen and (min-width : 992px) and (max-width: 1024px) {
    
    /* add styles within these curly braces */
 

    }

    @media only screen and (min-width : 778px) and (max-width: 1015px) {
    /* make center column full width */
    	section.col-sm-9 {
    	max-width: 100%;
    	width: 100%;
		}
    	
		aside.col-sm-3 {
    	width: 100%;
		}
    }
    
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
    /* add styles within these curly braces */
    
    }