/* Mobile Portrait View */
@media screen and (max-width: 479px){
body{min-width:320px; max-width:479px;}	
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_wide .header{width:100%;}
.layout_box .header{width:320px;}
.left, .right{float:none; display:block;}
#copyright{text-align:center;}
#copyright .right{padding-top:15px;}
.wrapper_main{width:320px;}
.container{width:300px;}
.socials .container{width:258px;}
.no-margin-right{}
#logo{text-align:center; padding:10px 0 0 0;}
#logo img{max-height:60px;}
#logo, .header_right{float:none;}
.phone_email{ float:none; padding:15px 30px 0;}
.header_right .search_form{display:block; float:none;}
header .search-form{margin:0 auto;}
#footer .search-form{margin-left:0;}
#footer aside.widget{float:none; width:100% !important; border-right:none; padding-bottom:25px; padding-right:0; margin-right:0; min-height:inherit !important;}
.features .col_one_third{margin-left:auto; margin-right:auto; padding-bottom:10px; float:none;}
.col_one_half, .col_one_third, .col_two_third, .col_one_fourth, .col_three_fourth, .col_one_fifth{float:none; margin-right:0; width:100%;}
.features_more ul{margin-left:0;}
.lead_text{width:100%;}
nav{display:none;}
.mobile_nav, .header_right nav{width:100%;}
.header_right nav{height:139px; overflow-x:hidden; overflow-y:scroll;}
#sitemain{width:100%; float:none; display:block; margin-bottom:30px;}
#sidebar{width:100%; float:none; display:block; }
.hdr_buy_link{text-align:center; padding:10px 0 5px;}
.widget-area{ margin-bottom:40px;}
#container{padding:10px;}
body.woocommerce #sidebar{padding:20px 6%; width:88%;}
.title-404{font-size:28px; padding:10px 0 5px; font-style:italic; font-weight:bold; color:#e1472f; text-transform:none; text-align:center;}
.title-404 strong{font-size:55px; padding-right:10px;}
.text-404{color:#e1472f; font-size:21px; text-align:center; line-height:1.25; padding-bottom:30px;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{float:none; display:block; width:100%; margin-right:0;}
.error_msg{display:block;}
.pricing_table.pcol1 .price_col{width:100%;}
.pricing_table.pcol2 .price_col{width:100%;}
.pricing_table.pcol3 .price_col{width:100%;}
.pricing_table.pcol4 .price_col{width:100%;}
.pricing_table.pcol5 .price_col{width:100%;}
.highlight{margin-top:10px !important;}
.front-left, .front-right{ float:none; width:86% !important}
.content-part{float:none; width:100% !important; padding:0 !important}
.widget-area .contact-form p{ margin-bottom:15px !important}
.widget-area .cf_text, .widget-area .cf_textarea{ width:95% !important;}
.widget-area .cf_captcha{width:77% !important;}
.socials .cols-4{ width:96% !important; float:none !important; margin:0 0 15px 0 !important;}
.sidebar-left{ width:auto !important; float:none !important;}
.sidebar-right{ width:auto !important; float:none !important;}
#Grid .mix{ margin:0 0 28px 0 !important; }

}

/* Mobile Landscape View */
@media screen and (min-width: 480px) and (max-width: 767px){
body{min-width:480px; max-width:767px;}
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_wide .header{width:100%;}
.layout_box .header{width:480px;}
body.admin-bar .fixed_header{top:46px;}
.left, .right{float:none; display:block;}
#copyright{text-align:center;}
#copyright .right{padding-top:15px;}
.wrapper_main{width:480px;}
.container{width:460px;}
.socials .container{width:416px;}
.no-margin-right{}
#logo{text-align:center; padding:10px 0 0 0;}
#logo img{max-height:80px;}
.phone_email{ float:none; padding:15px 65px 0;}
#logo, .header_right{float:none;}
.header_right .search_form{display:block; float:none;}
header .search-form{margin:0 auto;}
#footer .search-form{margin-left:0;}
#footer aside.widget{float:none; width:100% !important; border-right:none; padding-bottom:25px; padding-right:0; margin-right:0; min-height: inherit !important;}
.features .col_one_third{margin-left:auto; margin-right:auto; padding-bottom:10px; float:none;}
.col_one_half, .col_one_third, .col_two_third, .col_one_fourth, .col_three_fourth, .col_one_fifth{float:none; margin-right:0; width:100%;}
.features_more ul{margin-left:0;}
.lead_text{width:100%;}
.mobile_nav, .header_right nav{width:100%;}
.header_right nav{height:139px; overflow-x:hidden; overflow-y:scroll;}
#sitemain{width:100%; float:none; display:block; margin-bottom:30px;}
#sidebar{width:100%; float:none; display:block;}
.hdr_buy_link{text-align:center; padding:10px 0 5px;}
.widget-area{ margin-bottom:40px;}
#container{padding:10px;}
body.woocommerce #sidebar{padding:20px 5%; width:90%;}
.title-404{font-size:28px; padding:10px 0 5px; font-style:italic; font-weight:bold; color:#e1472f; text-transform:none; text-align:center;}
.title-404 strong{font-size:55px; padding-right:10px;}
.text-404{color:#e1472f; font-size:21px; text-align:center; line-height:1.25; padding-bottom:30px;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{float:none; display:block; width:100%; margin-right:0;}
.error_msg{display:block;}
.pricing_table.pcol1 .price_col{width:100%;}
.pricing_table.pcol2 .price_col{width:100%;}
.pricing_table.pcol3 .price_col{width:100%;}
.pricing_table.pcol4 .price_col{width:100%;}
.pricing_table.pcol5 .price_col{width:100%;}
.highlight{margin-top:10px !important;}
.front-left, .front-right{ float:none; width:90% !important}
.content-part{float:none; width:100% !important; padding:0 !important}
.widget-area .contact-form p{ margin-bottom:15px !important}
.widget-area .cf_text, .widget-area .cf_textarea{ width:95% !important;}
.widget-area .cf_captcha{width:77% !important;}
.socials .cols-4{ width:96% !important; float:none !important; margin:0 0 15px 0 !important;}
.sidebar-left{ width:auto !important; float:none !important;}
.sidebar-right{ width:auto !important; float:none !important;}
#Grid .mix{ width:298px !important; margin:0 auto 20px auto !important; display:block !important;}
}

/*Resposive menu css*/
@media screen and (max-width: 999px){
nav{display:none; background:#6c6d6c;}
.header_right nav{padding:0; margin-top:-1px; margin-right:0; line-height:1.25;}
nav ul{list-style:none; color:#6c6d6c; }
nav ul li{float:none; display:block; position:relative; border-top:1px #888 solid;}
nav ul li ul li{ border-bottom:none !important;}
nav ul li a{display:block; padding:8px 10px; border-right:none !important; font-size:14px !important; font-weight:300;}
nav ul li a, nav ul li.current-menu-item ul li a{background-color:#6c6d6c; color:#fff;}
nav ul li.current-menu-item a, nav ul li a:hover, nav ul li.current-menu-item ul li a:hover{/*background-color:#711112;*/ color:#fff;}
nav ul li ul li a:before{content:"\00BB  ";}
nav ul li ul li ul li a:before{content:"  \00BB  ";}
nav ul li ul li a{padding-left:20px;}
nav ul li ul li ul li a{padding-left:30px;}
nav ul li ul li ul li ul li a{padding-left:40px;}
}

/* Tablet ----------- */
@media only screen and (min-width: 768px) and (max-width: 999px) {
body{min-width:768px; max-width:999px;}
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_wide .header{width:100%;}
.layout_box .header{width:768px;}
body.admin-bar .fixed_header{top:32px;}
#logo{ padding-top:10px;}
.wrapper_main{width:768px; box-shadow:none;}
.container{width:750px;}
.socials .container{width:710px;}
.no-margin-right{margin-right:0px;}
#footer .search-form .search-field{width:120px;}
#footer .search-form{width:210px;}
.features_more ul{margin-left:0;}
.features .col_one_third{margin-left:40px;}
.mobile_nav, .header_right nav{/*width:300px;*/}
.header_right nav{height:239px; overflow-x:hidden; overflow-y:scroll;}
#sitemain{width:67%; float:left; }
#sitemain.right{ float:right;}
#sidebar{width:100%; float:none; display:block; }
.hdr_buy_link{text-align:right; padding:5px 0;}

#container{padding:20px;}
body.woocommerce #sidebar{padding:20px 4%; width:92%;}
.title-404{font-size:32px; padding:20px 0 10px; font-style:italic; font-weight:bold; color:#e1472f; text-transform:none; text-align:center;}
.title-404 strong{font-size:77px; padding-right:20px;}
.text-404{color:#e1472f; font-size:24px; text-align:center; line-height:1.25; padding-bottom:30px;}
.pricing_table.pcol1 .price_col{width:99%;}
.pricing_table.pcol2 .price_col{width:49.5%;}
.pricing_table.pcol3 .price_col{width:33%;}
.pricing_table.pcol4 .price_col{width:24.75%;}
.pricing_table.pcol5 .price_col{width:19.75%;}
.content-part{ /*width:38% !important;*/ width:310px !important;}
.nivo-caption{ bottom:34px !important; left:1% !important}
.nivo-caption h1{ font-size:14px !important; margin:0 !important; line-height:18px !important;}
.slide_info{ margin-bottom:0 !important;}
.nivo-caption p{ margin:0 !important; line-height:14px !important;}
.theme-default a.nivo-nextNav{ right:1% !important;}
.theme-default a.nivo-prevNav{ left:1% !important;}
.socials .cols-4{ width:22% !important ;}
.widget-area .cf_text, .widget-area .cf_textarea{ width:95% !important;}
.widget-area .cf_captcha{width:64% !important;}
.sidebar-left{ width:220px !important;}
.sidebar-right{ width:220px !important; }
.front-center{ width:285px !important;}
#Grid .mix{  margin:0 0px 30px 50px !important; }

}

/*Computer*/
@media only screen and (min-width:1000px) {
body{min-width:1000px;}
.no-margin-right{margin-right:0 !important;}
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_wide .header{width:100%;}
.layout_box .header{width:1020px;}
body.admin-bar .fixed_header{top:32px;}
#sitemain{width:700px; float:left;}
#sitemain.right{float:right;}
#sidebar{width:250px; float:right;}
.hdr_buy_link{text-align:right; padding:5px 0;}

#container{padding:20px; width:680px; float:left;}
.title-404{font-size:32px; padding:30px 0 20px; font-style:italic; font-weight:bold; color:#711112; text-transform:none; text-align:center;}
.title-404 strong{font-size:77px; padding-right:20px;}
.text-404{color:#711112; font-size:24px; text-align:center; line-height:1.25; padding-bottom:40px;}
.pricing_table.pcol1 .price_col{width:99%;}
.pricing_table.pcol2 .price_col{width:49.5%;}
.pricing_table.pcol3 .price_col{width:33%;}
.pricing_table.pcol4 .price_col{width:24.75%;}
.pricing_table.pcol5 .price_col{width:19.75%;}
.header .container{ min-height:123px;}

/* =Menu
-------------------------------------------------------------- */
nav{height:52px; line-height:52px; }
nav ul{list-style:none; width:990px; margin:0 auto; color:#fff;}
nav ul li{float:left; display:inline-blok; position:relative;}
nav ul li a{display:block; padding:0px 25px; font-weight:300; }
nav ul li:hover, nav ul li.current-menu-item, nav ul li.current_page_ancestor { }
nav ul li.current-menu-item a, nav ul li a:hover{color:#711112;}

nav ul li ul{display:none; width:220px; z-index:99;}
nav ul li:hover ul{display:block; position: absolute; background:#373838; box-shadow:5px 5px 5px rgba(0,0,0,0.5); -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5);}
nav ul li:hover ul li{}
nav ul li:hover ul li a{ line-height:40px; font-size:16px;}
nav ul li.current-menu-item ul li{position:relative; }
nav ul li.current-menu-item ul li, nav ul li.current-menu-item ul li a, nav ul li ul li, nav ul li ul li a{ display:block; float:none; border-right:none; }
nav ul li.current-menu-item ul li a{}
nav ul li ul li.current-menu-item, nav ul li ul li:hover{}
nav ul li ul li.current-menu-item a, nav ul li ul li a:hover{}

nav ul li:hover ul li ul, nav ul li:hover ul li:hover ul li ul{display:none;}
nav ul li:hover ul li:hover ul, nav ul li:hover ul li:hover ul li:hover ul{display:block; position:absolute; left:220px; top:0;}
}
