/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1170px) {



}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {


	.logotext {display: block; text-align: center;  width: 100%;}
	.menu2 {float: none;}
	.menu2 > li a {line-height: 55px;  padding: 5px;}
	.catalogmenu {
    border-top: 1px solid #eee;
    float: left;
    text-align: center;
    width: 100%;
	}


	.logotext2 {line-height: 100px;}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

.navcat.navcat .dropdown-menu2 .popover {display: none !important;}
.navcat .dropdown-menu2 {text-align: center !important; top: 55px !important; width: 100% !important; min-height: auto !important;}

.menu2media { background: #eee none repeat scroll 0 0; }


	.div_ex{width: 200px;height: 200px;	}

	.menu2 {float: left;width: 100%;}
	.menu2 li {display: block; float: left; text-align: left; width: 50%;}
	.menu2 > li a {display: block; font-size: 14px; line-height: 30px; padding: 0 10px;}
	.menu2 > li a:hover {background-color: #e6e6e6; text-decoration: none;}

	.catalogmenu {
    border-top: 1px solid #eee;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	}


	.icon {padding: 10px 0;}
	.footerbox {text-align: center;}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.div_ex{
		width: 100px;
		height: 100px;
		background-color: #0000ff;
		margin: 0;
	}

	.menu2 li {display: block; float: left; text-align: center; width: 100%;}
	.menu2 > li a {display: block; font-size: 15px; line-height: 30px; padding: 10px 0;}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.div_ex{
		width: 100px;
		height: 100px;
		background-color: #0000ff;
		margin: 0;
	}

}


/*==========  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 : 1170px) {

}


@media only screen and (min-width : 1600px) {


}