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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.logoname{
width: 90%;
}
.menu ul{
display: none;
width: 100%;
}
.menu ul li{
display: block;
}
.menu a{
border: none;
}
.menu ul li li{
display: none;
}
.menu ul li:hover > ul{
display: none;
}
.top_content {
margin-top: 80px;
}
.desc .m0-40{
margin: 0px 10px;
}
.descr{
top: 0;
}
.desc li:hover .descr{
top: 0;
padding-top: 10px;
font-weight: 700;
}
.footer .write_me{
margin: 0px 20px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.desc .m0-40{
margin: 0px;
}
.desc ul li{
margin-right: 10px !important;
}
.footer .write_me{
display: none;
}
.footer .phone{
float: left;
}
.footer .phone .text{
font-size: 25px;
}
.footer .mail{
float: right;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.logoname{
width: 85%;
}
.footer .write_me{
display: inline-block;
}
.footer .phone,
.footer .mail{
float: none;
}
.footer .text{
display: none;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.logoname{
width: 80%;
}
.logoname a{
font-size: 34px;
}
.menu_button{
margin: 3px 0px 0px 14px;
}
.desc ul li{
margin-right: 0px !important;
}
.descr{
padding-top: 10px;
}
.sticker h1{
font-size: 32px;
}
.footer .write_me{
font-size: 22px;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  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) {
.menu ul{
display: block !important;
}

.menu ul li:hover > ul{
display: block !important;
}
}