@charset "UTF-8";

/**
 * Wordpress integration to any web app
 * (PrestaShop, OpenCart, Magento and more)
 *
 * [no mixing of PHP code or editing of files]
 * [automatically adjust CSS stylesheets]
 *
 * Just install the plugin and the magic is done!
 *
 * http://www.inveostore.com
 *
 * 2025, (c) Inveo s.r.o.
 */

@media screen and (max-width:767px) {
	#wordpress .left, 
	#wordpress .right, 
	#wordpress .copyright-txt, 
	#wordpress .design-by { float:none;}
	#wordpress .container { width:auto; padding:0 20px;}
	#wordpress .header { width:100%; padding:10px 0;}
	#wordpress .header_right { float:none; text-align:center; width:auto; padding:15px 0; }
	#wordpress .logo { width:auto; float:none; text-align:center; padding:0;}
	#wordpress .logo h1 { font-size:34px;}
	#wordpress .site-topbar { height:35px;}
	#wordpress .headline { height:35px; line-height:35px; width:25%;}
	#wordpress .headline span { font-size:10px; display:block; padding:0 15px; background-position:0 11px;}
	#wordpress .site-topbar-wrap::before { height:35px;}
	#wordpress .headline span::before { border-left: 25px solid #111; border-top: 35px solid transparent;}
	#wordpress .topright { width:67%;}
	#wordpress .newsticker { width:80%; padding:7px 0;}
	#wordpress .togglediv { line-height:35px;}
	#wordpress .cat-2-col { float:none; width:100%; margin:0 0 5px;}
	#wordpress .catleft-1 { height:auto;}
	#wordpress .catleft-1 img { display: table;}
	#wordpress .post_lists {float:none; width:100%; margin:0 0 40px;}
	#wordpress #menubar {border:none;}
	#wordpress #sidebar { width:100%; float:none;}
	#wordpress #sidebar.left { float:none;}
	#wordpress .content-area { width:auto; margin:0; padding:50px 20px;}
	#wordpress .site-content-wrap { width:auto; margin:0 0 30px; padding:0; float:none;}
	#wordpress h2.section-title { font-size:22px; line-height:26px;}
	#wordpress .copyright-wrapper { text-align:center;}
	#wordpress .cols-4 { width:100% !important; display:block; margin-right:0; margin-bottom:30px;}
	#wordpress .widget-column-4 { margin-bottom:0;}
	#wordpress .footerlogo { width:170px; padding: 15px 20px;}
	#wordpress h2.section_title { text-align:center;}
	#wordpress .BlogPosts { float:none; width:auto; margin:0 0 10% 0;}
	#wordpress .post-thumb { width:30%; float:left; margin:0 25px 15px 0;}
	#wordpress .wpcf7 input[type="text"], 
	#wordpress .wpcf7 input[type="tel"], 
	#wordpress .wpcf7 input[type="email"], 
	#wordpress .wpcf7 textarea { width:100%;}
}

@media screen and (min-width:300px) and (max-width: 480px){
	#wordpress .post-thumb { width:100%; float:none; margin:0 0 15px;}

}


@media screen and (min-width: 481px) and (max-width: 767px){
	#wordpress .container { width:440px; }

}



@media screen and (max-width:1299px) and (min-width:768px) {
	#wordpress .social-icons a { box-sizing:content-box; margin-bottom:5px; }
	#wordpress .container { width:auto; padding:0 20px;}
	#wordpress .logo { width:35%; padding:20px 0;}
	#wordpress .header_right { width:63%;}
	#wordpress .logo h1 { font-size:30px;}
	#wordpress .content-area { width:auto; margin:0; padding:50px 20px;}
	#wordpress #sidebar { width:26.5%;}
	#wordpress .site-content-wrap { width:70.5%;}
	#wordpress .cols-4 { margin:0 18px 0 0;}
	#wordpress .footer-col-4 { min-height:355px;}
	#wordpress .cols-4 h5 { font-size:16px;}
	#wordpress ul.footer-cats {-moz-column-count:1;}
	#wordpress .togglediv { line-height:50px;}
	#wordpress .cat-2-col { width:26.5%;}
	#wordpress .cat-2-col h3 { text-transform:none;}
	#wordpress .catleft-1 { margin-bottom:10px; height:auto;}
	#wordpress .catleft-1 img { display:table;}
	#wordpress .catwrapslider { width:70%;}


}

@media screen and (min-width:768px) and (max-width: 980px){
	#wordpress .post_lists {float:left; width:45%;}
}

@media screen and (max-width:1299px) and (min-width:981px) {
	#wordpress #wordpress-html {overflow-x:hidden; }
	#wordpress .leftwrap { width:40%; margin-right:0; float:left;}
	#wordpress .leftwrap .leftthumbbx { width:160px;}
	#wordpress .leftwrap h2 { font-size:20px;}
	#wordpress .rightwrap { width:60%; float:right;}
	#wordpress .logo h1 { font-size:40px;}
	#wordpress .post_lists { float: left; margin:0 30px 30px 0; width:46%; min-height:300px;}
	#wordpress .post_lists .thumbbox { height:115px;}
	#wordpress .site-content-wrap { width:72.5%;}
}

@media screen and (max-width: 980px){
	#wordpress .toggleMenu {display: block;}
	#wordpress .sitenav {float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; }
	#wordpress .sitenav ul {color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
	#wordpress .sitenav ul li {border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none}
	#wordpress .sitenav ul li a {padding:5px 10px !important; display:block; color:#000; border:none;}
	#wordpress .sitenav ul li a:hover, 
	#wordpress .sitenav ul li.current_page_item a {color:#fff;  border:none;}
	#wordpress .sitenav ul li ul, 
	#wordpress .sitenav ul li ul ul { display:block !important;}
	#wordpress .sitenav ul li ul li a:before {content: "\00BB \00a0";}
	#wordpress .sitenav ul li ul li a {padding-left:20px !important; }
	#wordpress .sitenav ul li ul li a { border:none;}
	#wordpress .sitenav ul li ul li ul li a {padding-left:30px !important;}
	#wordpress .sitenav ul li ul li ul li ul li a {padding-left:40px !important;}
	#wordpress .sitenav ul li:hover > ul { background:none !important; box-shadow:none;}
	#wordpress .sitenav ul li:hover > ul { background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
	#wordpress .sitenav ul li:hover ul li ul, 
	#wordpress .sitenav ul li:hover ul li:hover > ul, 
	#wordpress .sitenav ul li:hover ul li:hover > ul li ul {  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
	#wordpress .sitenav ul li:hover ul li:hover ul, 
	#wordpress .sitenav ul li:hover ul li:hover ul li:hover ul { left:0 !important;}
	#wordpress .TopMenu {display: block;}
	#wordpress .shortingmenu { margin:0; top:0; position:relative; overflow-x:hidden; width:100%;}
	#wordpress .shortingmenu ul {color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
	#wordpress .shortingmenu ul li {border-top:1px #d3d3d3 solid; display:block; float:none; text-align:left; border-right:none;}
	#wordpress .shortingmenu ul li a { display:block; color:#000; text-align:left; border:none;}
	#wordpress .shortingmenu ul li a:hover {color:#ffffff;}
	#wordpress .shortingmenu ul li ul, 
	#wordpress .shortingmenu ul li ul ul { display:block !important;}
	#wordpress .shortingmenu ul li ul li a:before {content: "\00BB \00a0";}
	#wordpress .shortingmenu ul li ul li { border-bottom:1px solid transparent!important;}
	#wordpress .shortingmenu ul li ul li a {padding-left:20px !important;}
	#wordpress .shortingmenu ul li ul li ul li a {padding-left:30px !important;}
	#wordpress .shortingmenu ul li ul li ul li ul li a {padding-left:40px !important;}
	#wordpress .shortingmenu ul li:hover > ul { background:none !important;}
	#wordpress .shortingmenu ul li:hover > ul { background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
	#wordpress .shortingmenu ul li:hover ul li ul, 
	#wordpress .shortingmenu ul li:hover ul li:hover > ul, 
	#wordpress .shortingmenu ul li:hover ul li:hover > ul li ul {  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
	#wordpress .shortingmenu ul li:hover ul li:hover ul, 
	#wordpress .shortingmenu ul li:hover ul li:hover ul li:hover ul { left:0 !important;}
	#wordpress .logo img { height:auto;}
	#wordpress #menubar {border:none;}

}