/*
	Author: Paragon IT
	Author URI: http://www.paragonit.tk/   // http://www.fiverr.com/paragonit
	Version: 1.1
	Author name: Md.Hasan

*/


/* Bigger Screen Layout: 1600px.  */
#menu {height: 61px;}
#menu ul {margin-top: 20px;}
#container {width: 93%;}
#subnav ul {width: 170px;}
#subnav {float:left;width: 170px;}
#content {margin: 0 160px 10px 165px;border-right: 1px solid #ccc;padding: 0 20px 0px 25px;}
#col1{float: left;width: 27%;border-right: 1px solid #CCC;}
#col2{float: left; width: 27%; margin-left: 3%;}
#col3{float: left;width: 27%;margin-left: 3%;}


/* Desktop Layout: 1599px. */

@media only screen and (min-width: 768px) and (max-width: 1599px) {
#menu {height: 61px;}
#menu ul {margin-top: 20px;}
#container {width: 93%;}
#subnav ul {width: 170px;}
#subnav {float:left;width: 170px;}
#content {margin: 0 160px 10px 165px;border-right: 1px solid #ccc;padding: 0 20px 0px 25px;}
#col1{float: left;width: 27%;border-right: 1px solid #CCC;}
#col2{float: left; width: 27%; margin-left: 3%;}
#col3{float: left;width: 27%;margin-left: 3%;}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
body{ width: 100%; margin:auto;}
#menu {height: 90px;}
#menu ul {margin-top: 15px;}
#menu ul li a {line-height:30px; padding:7px 20px;}
#container {width: 450px;}
#subnav ul {text-align: center;width: 300px;}
#subnav {float: none;margin: auto;width: 300px;}
.box{width:auto;}
#salebox {width:auto;}
#content {margin:auto;border-right:medium none;padding:0;}
#extras {display:none;}
#col1{float: none;width: 450px; margin:auto;border-right: medium none;}
#col2{float: none; width: 450px; margin: auto;border-right: medium none;}
#col3{float: none;width: 450px;margin: auto;border-right: medium none;}
}


/* Mobile Layout: 320px. */

@media only screen and (min-width: 320px) and (max-width: 478px){
body{ width: 100%; margin:auto;}
#menu {height: 90px;}
#menu ul {margin-top: 15px;}
#menu ul li {line-height: 33px;}
#menu ul li a {line-height:30px; padding:7px 14px;}
#container {width: 300px;}
#subnav ul {text-align: center;width: 300px;}
#subnav {float: none;margin: auto;width: 300px;}
.box{width:auto;}
#salebox {width:auto;}
#content {margin:auto;border-right:medium none;padding:0;}
#extras {display:none;}
#col1{float: none;width: 300px; margin:auto;border-right: medium none;}
#col2{float: none; width: 300px; margin: auto;border-right: medium none;}
#col3{float: none;width: 300px;margin: auto;border-right: medium none;}
}