@media only screen and (max-width: 2560px) {
    .row [class^="col"] {
        float: left;
        margin: 0 0.5%;
        min-height: 0.125rem;
    }
    
}
@media only screen and (max-width: 1920px) {

}
@media only screen and (max-width: 1600px) {
    
}
@media only screen and (max-width: 1440px) {
    
}
@media only screen and (min-width: 1200px) {
    .col3{width:18%;}
    .col9{width:79%;}
    .col6{width:49%;}
    .col12{width:99%;}
    
}
@media only screen and (max-width: 1200px) {
    #content {width:100%}
}
@media only screen and (max-width: 1024px) {

    .col3 {width:20%;}
    .col9 {width:77%;}
}
@media only screen and (max-width: 992px) {
    #content {
        width:auto;
        padding: 0;
        margin-top: 60px;
    }
    #footer {
        position: relative;
        padding:10px 0;
    }
    .row [class^="col"] {
        float: left;
        margin: 0 1%;
        min-height: 0.125rem;
    }
    .col3{width:95%; margin:0 auto;}
    .col9{width:95%; margin:0 auto;}
}
/*styles for responsive menu*/
@media only screen and (min-width: 481px) and (max-width: 900px) {
    #ddmenu li div.column.mayHide {
        display: none;
    }
    #ddmenu ul {
        width: 100%;
        border-radius: 0;
    }
    #ddmenu li {
        position:relative;
	    width:33.33%;
        box-sizing:border-box;
        text-align: left;
        border-top:1px solid rgba(255,255,255,0.3);
        border-right:1px solid rgba(255,255,255,0.3);
    }
    #ddmenu li.full-width {
        position: relative;
    }
    #ddmenu div.dropdown {
        width: auto;
        left: 0px;
        text-align: left;
    }
    #ddmenu li.full-width div.dropdown {
        width: auto;
    }
    #ddmenu div.dropdown.right-aligned, #ddmenu div.dropdown.mayRight {
        left: auto;
        right: 0px;
    }
    #ddmenu li div.column {
        width: auto;
        border: none;
    }
    .level2 {
        margin-left: 10px;
    }
    

}
@media only screen and (max-width: 768px) {
    .js #menu, nav {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.level2>li>a:before {
        content: "\00BB";
        margin-right: 6px;
    }
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 320px) {

}