@media (max-width: 1200px) {
#header{
position: relative !important;
height: auto !important;
}
#header.small,	#header.large { 
min-height: 100px !important;
}
#navi { 
width: 100%;
}
#header.large #navi, #header.small #navi { 
margin-top: 0px !important;
}
#header.large, #header.large #navi, #header.small #navi, #navi, .nav-container { 
min-height: 100px !important;
}
#header.small .main-navigation li a {
margin-top: 0px;
line-height: 4;
}
#header.small img { 
height: auto; 
margin-top: 0px; 
}
.nav-container { 
width: 100%; 
}
.push { 
margin-top: 0px;
display: inline-block;
}
.header-push {
margin-top: 0px;
}
.footer_item_bottom_left { 
width: 100% !important; 
margin: 0 auto !important; 
text-align: center; 
float: none !important; 
padding-top: 10px; 
}
.footer_item_bottom_right { 
width: 100% !important; 
margin: 0 auto !important; 
text-align: center; 
float: none !important; 
padding-bottom: 10px; 
}
#copyright #social-wrap { 
margin: 0 auto !important; 
display: inline-block !important;
float: none;
}
}
@media (max-device-width : 1024px) and (orientation : portrait) {
body.blog div#content, body.archive div#content { -moz-column-count: 2 !important;
-webkit-column-count: 2 !important;
column-count: 2 !important;
}
}
@media (max-width: 850px) {
#header{
position: relative !important;
height: auto !important;
}
#header.large #navi, #header.small #navi { 
border: 0;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { 
text-align: left; 
}
#header.small { 
min-height: 50px;
position: relative;
margin-top: 0px;
}
#header.small img, #header.large img { 
margin-top: 0px; 
-moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; }
.banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8 {
background-size: auto 100% !important;
background-position: top !important;
}
.wpb_tabs_nav { 
margin-right: 1% !important; 
min-width: 25% !important; 
width: auto !important; 
}
.iconbox1, iconbox2, iconbox3 {
width: 36px;
height: 36px;
font-size: 16px; 
line-height: 30px;
}
.blog-content {
border-right: 0px solid #eee;
padding-right: 0px;
}
}
@media (min-width: 768px) {
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: inline-block !important;
width: 100%;
text-align: left;
}
.main-navigation ul {
margin: 0;
text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
}
.main-navigation li a {
border-bottom: 0;
white-space: nowrap;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.main-navigation li a:hover {
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.main-navigation li {
position: relative;
}
.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 100;
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul {
border-left: 0;
padding: 0 20px 0 0;
}
.main-navigation li ul li a {
margin: 0;
min-width: 180px;
white-space: normal;
text-align: left;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.main-navigation li ul li a:hover {
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.main-navigation li:hover  > a {
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.author-avatar {
float: left;
margin-top: 8px;
margin-top: 0.571428571rem;
}
.author-description {
float: right;
width: 80%;
}
.site {
margin: 0 auto;
overflow: hidden;
max-width: 1170px;
}
.site-content {
float: left;
width: 74%;
}
.site-content-full {
width: 100%;
}
.site-content-page {
max-width: 1170px;
min-width: 280px;
margin: 0 auto;
}
#site-navigation { 
display:block;
}
.smc_menu_container { 
display:none;
}
body.template-front-page .site-content,
body.single-attachment .site-content,
body.full-width .site-content {
width: 100%;
}
.widget-area {
float: right;
width: 22.5%;
}
.site-header h1,
.site-header h2 {
text-align: left;
}
.site-header h1 {
font-size: 26px;
font-size: 1.857142857rem;
line-height: 1.846153846;
margin-bottom: 0;
}
.entry-header .entry-title {
font-size: 22px;
font-size: 1.571428571rem;
}
#respond form input[type="text"] {
width: 46.333333333%;
}
#respond form textarea.blog-textarea {
width: 79.666666667%;
}
.template-front-page .site-content,
.template-front-page article {
overflow: hidden;
}
.template-front-page.has-post-thumbnail article {
float: left;
width: 47.916666667%;
}
.entry-page-image {
float: right;
margin-bottom: 0;
width: 47.916666667%;
}
.template-front-page .widget-area .widget,
.template-front-page.two-sidebars .widget-area .front-widgets {
float: left;
width: 51.875%;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.template-front-page .widget-area .widget:nth-child(odd) {
clear: right;
}
.template-front-page .widget-area .widget:nth-child(even),
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
float: right;
width: 39.0625%;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.template-front-page.two-sidebars .widget,
.template-front-page.two-sidebars .widget:nth-child(even) {
float: none;
width: auto;
}
.commentlist .children {
margin-left: 48px;
margin-left: 3.428571429rem;
}
}
@media (max-width: 768px) {
body.blog div#content, 
body.archive div#content {
-moz-column-count: 2 !important;
-webkit-column-count: 2 !important;
column-count: 2 !important;
}
.header_right_slide_menu {
display: block;
}
.header-push {
margin-top: 0px !important;
}
#header .shadow  {
margin-bottom: -30px !important;
}
.nav-container { 
height: 100px;
margin-bottom: -1px;
}
.nav-menu li > a:after {
content: "+";
font-size: 16px;
padding: 0px 10px 5px 10px;
color: #eee;
float: right;
}
.nav-menu li > a:only-child:after {
content: '';
padding: 0px;
}	
#mega_main_menu_ul .item_link, 
#mega_main_menu_ul .link_content, 
#mega_main_menu_ul span .link_text {
line-height: 50px !important;
height: 65px !important;
background: transparent !important;
color: #111!important;
}
#smc-menu-id {
text-align: left;
}
#header.large{
min-height: 100px;
}
#header.large #navi { 
min-height: 100px; 
}
#header_left { 
margin-top: 15px;
}
#header_right { 
width: auto; 
height: auto; 
float: right; 
display: block; 
position: relative;
}
.product {
width: 49% !important;
}
.single .product {
width: 100% !important;
}
#site-navigation { 
display:none;
}
.search_field { 
margin-top: 2px; 
}
.content_box_img img { 
width: 100% !important; 
}
.content_box { 
margin-bottom: 20px !important; 
}
.woo-sidebar { 
max-width: 90% !important; 
margin: 10px !important; 
}
.page_title_left { 
width: 95%; 
height: auto; 
display: block; 
float: left; 
font-size: 20px; 
text-align: left; 
}
.page_title_right { 
width: 95%; 
height: auto; 
display: block; 
float: left; 
text-align: left;
}
.wpb_tabs_nav { 
min-width: 100% !important; 
width: 100% !important; 
}
.sub-menu {
padding-top: 0px !important;
width: auto;
}
.main-navigation ul.nav-menu.toggled-on,
.main-navigation li {
position: relative;
font-size: 13px;
font-weight: normal;
margin-top: 10px;
margin-bottom: 2px;
display: block;
width: 97%;
z-index: 10000;
text-align: left;
margin-left: 10px;
}
.main-navigation a {
display: block;
width: 98%;
background: transparent;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ebebeb;
z-index: 10000;
margin-top: 5px;
}
.wpb_accordion_wrapper {
margin-bottom: 30px;
}
#boxed {
margin-top: 0px;
margin-bottom: 0px;
}
#copyright #social-wrap { 
margin: 0 auto !important; 
display: inline-block !important;
float: none;
}
.footer_item_bottom_left { 
width: 100% !important; 
margin: 0 auto; 
display: inline-block; 
text-align: center; 
float: none !important; 
padding-top: 10px; 
}
.footer_item_bottom_right { 
width: 100% !important; 
margin: 0 auto; 
display: inline-block; 
text-align: center; 
float: none !important; 
padding-bottom: 10px; 
}
#masonry_wrap { 
width: 100%;
}
.submenu {
display: none;
}
.product-search-content {
width: 100%;
}
}
@media (max-width: 480px) {
body.blog div#content, 
body.archive div#content {
-moz-column-count: 1 !important;
-webkit-column-count: 1 !important;
column-count: 1 !important;
}
.page_title { 
font-size: 18px; 
}
.page_description { 
font-size: 12px; 
margin-top: 10px; 
margin-left: 20px; 
}
.product { 
width: 100% !important; 
}
article.masonry-entry { 
width: 100% !important; 
height: auto !important; 
float: left; 
padding-bottom: 20px; 
background: #fff; 
display: inline-block;
margin-bottom: 20px !important;
}
.masonry-thumbnail { 
max-width: 100%; 
width: 100% !important; 
float: left;  
display: inline !important; 
position: relative; 
margin-bottom: 0px !important; 
}
.masonry-thumbnail img { 
width: 100% !important; 
height: auto !important; 
float: left; 
}
.masonry_content { 
max-width: 100%; 
width: 96% !important; 
background: #fff; 
}
.masonry-details { 
width: 100%; 
float: right; 
overflow-x: hidden; 
}
.header_item_top_right {
display: none;
}
}
@media screen and (max-width: 320px) {
.tagcloud { 
margin-bottom: 150px; 
}
}
@media (min-width: 768px) {
.wrap {
width: 750px;
}
#footer_wrap .col-md-3, #footer_wrap .col-md-4, #footer_wrap .col-md-6 {
margin-bottom: 40px;
}
#footer_wrap #social-wrap {
padding-bottom: 40px !important;
}
}
@media (min-width: 992px) {
.wrap {
width: 970px;
}
}
@media (min-width: 1200px) {
.wrap {
width: 1170px;
}
}
@-ms-viewport {
width: device-width;
}