/* If you want to add your own CSS code, please do it in this file */

@media (min-width:768px) {
	
#Header .menu > li:hover ul.sub-menu {display:block!important;}
#Header .menu > li:hover ul.sub-menu li ul.sub-menu {display:none!important;}
#Header .menu > li:hover ul.sub-menu li:hover ul.sub-menu {display:block!important;}
}
@media only screen and (max-width: 1239px) and (min-width: 960px) {
.section_wrapper, .container, .single-post .content_wrapper, .single-portfolio .content_wrapper, .with_aside .content_wrapper {
    width: 95vw;
}
}
#Header .addons {
    width: 665px;
	max-width:90vw;
}
#Header #logo {

    padding: 10px 10px;
}
#Header #menu {
   width: 720px;
	max-width:90vw;
	
}
.cont-nom, .cont-nom1 {

    margin-right: 20px;
    margin-left: 20px;
}

@media (max-width:960px) {
	#Header .logo { width:90%!important;}
	#Header .addons {
    width: 300px;
	max-width:90vw;
}
	.cont-nom, .cont-nom1 {

    margin-right: 0;
    margin-left: 0;
}
body .addons #searchform a, body .addons  .social li {
	display:none!important;}
}

@media (max-width: 782px) {
body {
    margin-top: -20px!important;
}
}