/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 96%;margin: 0 auto !important}
	.boxed-margin {margin: 10px auto}
	.row { width: 870px }
	.tabs li a {padding: 10px 12px}
	.grid_3 .tabs li a {padding: 10px 8px}
	.sf-menu li {margin: 0 0 0 -3px;padding: 0}
	.f_portfolio .intro_content {width: 31%;height: 200px !important}
	.f_portfolio .f_items {width: 69%;height: 200px !important}
	.f_portfolio li {width: 200px !important;height: 200px !important}
	.f_portfolio .intro_content .inner {padding: 20px;}
	.f_portfolio .f_links, .portfolio .f_links {top: 26%}
	.banners a {margin: 0 0 0 10px;width: 282px;}
	.grid_9 .custom_block2 li {width: 68px}
	.modern-slider, .modern-slider img {width: 983px;height:auto}
	.two-column .post, .three-column .post, .four-column .post, .four-column .product {margin: 0 0.5% 20px !important}
	.prod_info p {min-height: 120px;}
	.s_info p {min-height: 260px; padding-left: 10px; padding-right: 10px;}
	.s_info h4 {height: 47px;}
	.home_info_h p {min-height: 160px; padding-left: 10px; padding-right: 10px;}
	.h_prod_info p {min-height: 155px;}
	.equalizer-three p {min-height: 150px;}
}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 700px }
	.grid_9 {width: 100%;}
	.sidebar, .post {width: 100%;margin: 0 0 40px}
	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
	.sf-menu {border-radius: 2px;position: absolute;top: 70px;right: 0px;background: #9eceeb;}
	.sf-menu a.sf-with-ul {margin-right: 45px !important}
	.sf-menu > li a {padding-left: 20px !important;}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {width: 50%!important;display: none; margin: 6px 0 !important }
	.sf-menu li { margin-bottom: 10px; margin-left: 0 }
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 0px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd;background: #70a6c7;}
	.sf-menu a {padding: 16px 0}
	.breadcrumb-place {margin-top: -85px}
	.header_bag {padding: 4px 4px}
	#header .social a {margin: 0 0 0 2px}
	.languages a {margin: 2px 0 2px 0px}
	.languages {margin: 0px 0 0 4px}
	.header_bag span {display: none}
	.intro_p h2 {font-size: 19px; line-height: 26px;}
	#header .search {margin: 24px 0 24px 20px}
	.logo {margin: 8px 0}
	h3 {font-size: 16px}
	.f_portfolio .intro_content {width: 242px;height: 242px !important}
	.f_portfolio .f_items {width: 242px;height: 242px !important}
	.f_portfolio li {width: 242px !important;height: 242px !important}
	/*.f_portfolio .f_links, .portfolio .f_links {top: 15%}*/
	.f_portfolio .anyClass {width: 477px}
	.custom_block1 .inner_list {padding: 40px 0 10px}
	.custom_block2 li {width: 80px}
	.accordion-head, .toggle-head {font-size: 12px}
	.custom_block1 ul li i {font-size: 22px}
	.shop .product_meta {margin: 0 2px}
	.banners a {margin: 0 0 0 10px;width: 226px}
	.big-slider h3 {bottom: 22%}
	.big-slider p, .big-slider h3 {left: 4%}
	.set_three i {font-size: 24px}
	.mslider-labels{bottom: 14%}
	.product_inner .price {font-size: 13px}
	.set_two .s_icon {float: none}
	.pricing-table .price-content {padding: 15px}
	.res_both_sidebar .grid_7, .shop-left-sidebar .grid_7, .single_products .grid_8, .single_products .grid_4, .grid_6.posts, .grid_9.alpha, .sidebar.grid_3.omega, .grid_8.contact_c {width: 100%}
	.single_products .grid_2 {width: 23%}
	.single_products .grid_10 {width: 73%}
	.grid_9 .custom_block2 li {width: 54px}
	.post_meta span {margin-left: 10px}
	.modern-slider, .modern-slider img {width: 785px;height: auto}
	.pagination-tt {margin: 0 0 60px 0}
	.copyright {float: none;display: table;margin: 0 auto}
	.foot-menu {float: none;text-align: center;display: table;margin: 0 auto 0;padding: 4px 10px}
	.foot-menu li {float: none;display: inline-block}
	.action-one .action-button {width: 26%}
	.action-one .action-t {width: 70%}
	#footer .grid_3, #footer .grid_4, #footer .grid_9 {width: 48%; margin: 0 1% 30px}
	.price-table.grid_3 {width: 23.0% !important;margin: 0 1% !important}
	.tabs li a {padding: 10px 5px}
	.team2 .grid_3 {width: 23.0%;margin: 0 1%}
	.countdown li span {font-size: 60px}
	.countdown li {width: 120px}
	.prod_info p {min-height: 175px;}
	.s_info p {min-height: 330px;  padding-left: 10px; padding-right: 10px;}
	.s_info h4 {height: 47px;}
	.home_info_h p {min-height: 230px; padding-left: 10px; padding-right: 10px;}
	.h_prod_info p {min-height: 210px;}
	.equalizer-three p {min-height: 150px;}
}
@media only screen and (min-width: 2501px) and (max-width: 3500px) {
	.slider1 .title-slider-1 {width: 41% !important; top: 190px !important;}
	.slider1 .title-slider-2 {width: 20% !important; }
	.slider1 .ls-s1 {top: 338px !important;}
	.slider2 .title-slider-1 {width: 40% !important; line-height: 28px !important; left: 377px !important; top: 205px !important;}
	.slider2 .title-slider-2 {width: 24% !important; }
	.slider2 .ls-s1 {left: 1270px !important;}
	.slider3 .title-slider-4 {width: 21% !important;}
	.slider4 img.ls-s2 { left: 1243px !important;}
	.slider4 .title-slider-3 {width: 18% !important; top: 190px !important;}
	.slider4 .title-slider-4 {width: 18% !important; top: 228px !important;}
	.slider4 > .ls-s2.ls-s1 {top: 345px !important; left: 1215px !important}

}
@media only screen and (min-width: 2001px) and (max-width: 2500px) {
	.slider1 .title-slider-1 {width: 41% !important; top: 190px !important;}
	.slider1 .title-slider-2 {width: 30% !important; }
	.slider2 .title-slider-1 {width: 37% !important; line-height: 28px !important; left: 386px !important; top: 205px !important;}
	.slider2 .title-slider-2 {width: 30% !important; }
	.slider2 .ls-s1 {left: 1015px !important;}
	.slider3 .title-slider-4 {width: 26% !important; top: 230px !important;}
	.slider4 .title-slider-3 {width: 20% !important; top: 190px !important;}
	.slider4 .title-slider-4 {width: 20% !important; top: 228px !important;}
	.slider4 > .ls-s2.ls-s1 {top: 345px !important; left: 905px !important}
}

@media only screen and (min-width: 1800px) and (max-width: 2000px) {
	.slider1 .title-slider-1 {width: 41% !important; left: 835px !important; top: 190px !important;}
	.slider1 .title-slider-2 {width: 36% !important; left: 835px !important;}
	.slider1 .ls-s1 {left: 835px !important; top: 310px !important;}	
	.slider2 .title-slider-1 {width: 37% !important; line-height: 28px !important; left: 360px !important; top: 205px !important;}
	.slider2 .title-slider-2 {width: 30% !important; left: 490px !important;}
	.slider2 .ls-s1 {}
	.slider4 .title-slider-3 {left:365px !important;}
	.slider4 .title-slider-4 {left:365px !important;}
	.s_info p {min-height: 140px;}
	.home_info_h p {min-height: 155px;}
	.equalizer > .row > .grid_2 > .s_info p {min-height: 168px;}
	.own_products > .row > .grid_4 > .prod_info p {min-height: 100px;}
	.equalizer-three p {min-height: 100px;}
	.title-slider-4 {width: 30% !important;}
	.slider4 .title-slider-3 {width: 28% !important; margin-left: 38px !important;}
}
@media only screen and (min-width: 1461px) and (max-width: 1799px) {
	.equalizer > .row > .grid_2 > .s_info p {min-height: 168px;}
	.equalizer-three p {min-height: 100px;}
	.slider1 .ls-s1 {top: 312px !important;}
	.title-slider-4 {width: 39% !important;}
	/*.slider4 .title-slider-4 {width: 30% !important; left: 273px !important; }*/
	.slider4 .title-slider-3 {top: 190px !important;}
	.slider4 .title-slider-4 {width: 30% !important; top: 230px !important;}
	.slider4 > .ls-s2.ls-s1 {top: 345px !important; left: 567px !important}
}
@media only screen and (min-width: 1420px) and (max-width: 1460px) {
	.equalizer > .row > .grid_2 > .s_info p {min-height: 168px;}
	.equalizer-three p {min-height: 100px;}
	.slider1 .ls-s1 {top: 312px !important;}
	.slider2 .title-slider-1 {width: 47% !important;}
	.slider2 .title-slider-2 {width: 42% !important; left: 231px !important;}
	.title-slider-4 {width: 39% !important;}
	.slider4 .title-slider-3 {top: 190px !important;}
	.slider4 .title-slider-4 {width: 30% !important; top: 230px !important;}
	.slider4 > .ls-s2.ls-s1 {top: 345px !important; left: 625px !important}
}
@media only screen and (min-width: 1377px) and (max-width: 1419px) {
	.equalizer > .row > .grid_2 > .s_info p {min-height: 168px;}
	.equalizer-three p {min-height: 100px;}
	.slider1 .ls-s1 {top: 312px !important;}
	.title-slider-4 {width: 39% !important;}
	/*.slider4 .title-slider-4 {width: 30% !important; left: 273px !important; }*/
	.slider4 .title-slider-3 {top: 190px !important;}
	.slider4 .title-slider-4 {width: 30% !important; top: 230px !important;}
	.slider4 > .ls-s2.ls-s1 {top: 345px !important; left: 567px !important}
}
@media only screen and (min-width: 1291px) and (max-width: 1376px) {
	.msgcookie p {width:80%;margin:0 auto;}
	.equalizer-three p {min-height: 100px;}
	.slider1 .ls-s1 {top: 330px !important;}
	.slider2 .title-slider-1 {left: 114px !important;}
	.slider2 .title-slider-2 {left: 176px !important;}
	/*.title-slider-4 {width: 30% !important;}*/
	.slider3 > .ls-s2.ls-s1 {top: 337px !important;}
	.slider4 .title-slider-3 {top: 190px !important;}
	.slider4 .title-slider-4 {width: 30% !important; top: 230px !important;}
	.slider4 > .ls-s2.ls-s1 {top: 345px !important; left: 498px !important}
}
@media only screen and (min-width: 1151px) and (max-width: 1290px) {
	.s_info p {min-height: 165px;}
	.equalizer-three p {min-height: 100px;}
	.slider1 .ls-s1 {top: 312px !important;}
	/*.title-slider-4 {width: 30% !important;}*/
	.slider3 > .ls-s2.ls-s1 {top: 340px !important;}
	.slider4 .title-slider-3 {top: 190px !important;}
	.slider4 .title-slider-4 {width: 30% !important; left: 273px !important; top: 230px !important; }
	.slider4 > .ls-s2.ls-s1 {top: 345px !important; left: 405px !important}
}
@media only screen and (min-width: 1041px) and (max-width: 1150px) {
	.s_info p {min-height: 260px;}
	.equalizer > .row > .grid_2 > .s_info p {min-height: 168px;}
	.equalizer-three p {min-height: 130px;}
	.slider1 .ls-s1 {top: 312px !important;}
	.title-slider-4 {width: 42% !important;}
	.slider4 .title-slider-4 {width: 30% !important; left: 273px !important; }
	.slider3 > .ls-s2.ls-s1 {top: 312px !important;}
}
@media only screen and (min-width: 495px) and (max-width: 1356px) {
	.msgcookie p {width:80%;margin:0 auto;}
}
@media only screen and (min-width: 1010px) and (max-width: 1040px) {
	.width90 {margin-left: -10px !important;}
	.slider1 .title-slider-1 {width: 60% !important;}
	.slider1 .title-slider-2 {width: 50% !important; top: 210px !important;}
	.slider2 .title-slider-1 {width: 60% !important; line-height: 28px !important;}
	.slider2 .title-slider-2 {width: 47% !important; top: 216px !important; left: 141px !important;}
	.slider2 .ls-s1 {top: 301px !important; left: 493px !important;}
	.slider2 .img.ls-s2 {left: 514px !important;}
	.slider3 .title-slider-3 {width: 40% !important;}
	.slider3 .title-slider-4 {width: 45% !important;}
	.slider3 > .ls-s2.ls-s1 {top: 312px !important;}
	.slider1 .ls-bg {height: 100% !important;}
	.slider2 .ls-bg {height: 100% !important;}
	.slider4 .title-slider-3 {width: 38% !important; top: 165px !important;}
	.slider4 .title-slider-4 {width: 38% !important; top: 205px !important;}
	.slider4 .ls-s2.ls-s1 {top:318px !important; left: 418px !important;}
	#layerslider {height: 570px !important;}
	#layerslider > .ls-inner {height: 100% !important;}
	#layerslider {background: #7699b5 !important;}
	.intro_p {background: #3c4a55 !important;}
	.flexslider .slides img {margin-top: 28px;}
}
@media only screen and (min-width: 821px) and (max-width: 1009px) {
	#layerslider {height: 570px !important;}
	#layerslider > .ls-inner {height: 100% !important;}
	.slider1 .ls-bg {height: 100% !important;}
	.slider2 .ls-bg {height: 100% !important;}
	#layerslider {background: #7699b5 !important;}
	.intro_p {background: #3c4a55 !important;}
	.slider3 > .title-slider-4 {width: 48% !important;}
	.slider3 > .ls-s2.ls-s1 {top: 300px !important;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -40px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -40px !important;}
}
@media only screen and (min-width: 786px) and (max-width: 820px) {
	.slider1 .title-slider-1 {top:132px !important; left: 325px !important; line-height: 15px !important; font-size: 19px !important; width: 50% !important;}
	.slider1 .title-slider-2 {top:157px !important; left: 325px !important; line-height: 18px !important; font-size: 15px !important; width: 50% !important;}	
	.slider1 .ls-s1 {top: 225px !important; left: 325px !important; }
	.slider2 .title-slider-1 {left: 70px !important; line-height: 19px !important; font-size: 18px !important; width: 50% !important;}
	.slider2 .title-slider-2 {top:170px !important; left: 116px !important; line-height: 16px !important; font-size: 13px !important; width: 44% !important;}	
	.slider2 .ls-s1 {top: 230px !important; left: 340px !important;}
	.slider3 .title-slider-3 {/*top:140px !important;*/ left: 390px !important; line-height: 15px !important; font-size: 18px !important; width: 40% !important;}
	.slider3 .title-slider-4 {top:147px !important; left: 390px !important; line-height: 19px !important; font-size: 15px !important; width: 45% !important;}
	.slider3 .ls-s2.ls-s1 {top: 230px !important; left: 390px !important;}
	.slider4 .title-slider-3 {top:128px !important; left: 43px !important; line-height: 18px !important; font-size: 22px !important; width: 45% !important;}
	.slider4 .title-slider-4 {top:152px !important; left: 72px !important; line-height: 19px !important; font-size: 15px !important; width: 41% !important;}
	.slider4 .ls-s2.ls-s1 {left: 284px !important;}
	#layerslider {height: 505px !important;}
	#layerslider > .ls-inner {height: 100% !important;}
	.slider1 .ls-bg {height: 100% !important;}
	.slider2 .ls-bg {height: 100% !important;}
	#layerslider {background: #7699b5 !important;}
	.intro_p {background: #3c4a55 !important;}
	.portfolio > li > img {width: 100%; margin: 0 auto;}
	.portfolio_carousel li > img {width: 100%; margin: 0 auto;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -40px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -40px !important;}
}
@media only screen and (min-width: 750px) and (max-width: 785px) {
	.slider1 .title-slider-1 {top:128px !important; left: 315px !important; line-height: 15px !important; font-size: 18px !important; width: 50% !important;}
	.slider1 .title-slider-2 {top:155px !important; left: 315px !important; line-height: 18px !important; font-size: 13px !important; width: 50% !important;}	
	.slider1 .ls-s1 {top: 225px !important; left: 315px !important; }
	.slider2 .title-slider-1 {left: 70px !important; line-height: 19px !important; font-size: 18px !important; width: 50% !important;}
	.slider2 .title-slider-2 {top:160px !important; left: 116px !important; line-height: 16px !important; font-size: 13px !important; width: 44% !important;}	
	.slider2 .ls-s1 {top: 218px !important; left: 325px !important;}
	.slider3 .title-slider-3 {/*top:140px !important;*/ left: 370px !important; line-height: 15px !important; font-size: 22px !important; width: 50% !important;}
	.slider3 .title-slider-4 {top:144px !important; left: 370px !important; line-height: 19px !important; font-size: 15px !important; width: 42% !important;}
	.slider3 .ls-s2.ls-s1 {top: 227px !important; left: 370px !important;}
	.slider4 .title-slider-3 {top:120px !important; left: 43px !important; line-height: 18px !important; font-size: 22px !important; width: 45% !important;}
	.slider4 .title-slider-4 {top:144px !important; left: 72px !important; line-height: 19px !important; font-size: 15px !important; width: 41% !important;}
	.slider4 .ls-s2.ls-s1 {top: 230px !important; left: 270px !important;}
	#layerslider {height: 505px !important;}
	#layerslider > .ls-inner {height: 100% !important;}
	.slider1 .ls-bg {height: 100% !important; margin-top: -200px !important;}
	.slider2 .ls-bg {height: 100% !important; margin-top: -200px !important;}
	#layerslider {background: #7699b5 !important;}
	.intro_p {background: #3c4a55 !important;}
	.portfolio > li > img {width: 100%; margin: 0 auto;}
	.portfolio_carousel li > img {width: 100%; margin: 0 auto;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -20px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -20px !important;}
 	.slider-txt-holder {margin: 10px 0px 0px 0px;}
 	.image-text-slider h1 {text-align: center;}
 	.slider-txt-p {text-align: center;}
 	.tbutton {float: none; margin: 0 auto; display: table !important;}
}
@media only screen and (min-width: 621px) and (max-width: 749px) {
	.portfolio > li > img {width: 100%; margin: 0 auto;}
	.portfolio_carousel li > img {width: 100%; margin: 0 auto;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -20px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -20px !important;}
 	.slider-txt-holder {margin: 10px 0px 0px 0px;}
 	.image-text-slider h1 {text-align: center;}
 	.slider-txt-p {text-align: center;}
 	.tbutton {float: none; margin: 0 auto; display: table !important;}
}
@media only screen and (min-width: 580px) and (max-width: 620px) {
	.width-responsive {width: 500px !important; margin-left: -50px !important;}
	.ls-inner {height: 236px !important;}
	.slider1 {height: 236px !important;}
	.slider1 .box-in-slider {top: 40px !important; left: -5px !important;}
	.slider1 .title-slider-1 {top:75px !important; left: 235px !important; line-height: 22px !important; font-size: 18px !important; width: 50% !important;}
	.slider1 .title-slider-2 {top:100px !important; left: 235px !important; line-height: 14px !important; font-size: 12px !important; width: 40% !important;}	
	.slider1 .ls-s1 {top: 134px !important; left: 235px !important;}		
	.slider2 .title-slider-1 {top:73px !important; left: 50px !important; line-height: 19px !important; font-size: 18px !important; width: 50% !important;}
	.slider2 .title-slider-2 {top:117px !important; left: 41px !important; line-height: 16px !important; font-size: 13px !important; width: 44% !important;}	
	.slider2 .ls-s1 {top: 130px !important; left: 221px !important;}	
	.slider2 > img.ls-s2 {top: 37px !important;}
	.slider3 .title-slider-3 {/*top:110px !important;*/ left: 318px !important; line-height: 15px !important; font-size: 26px !important; width: 50% !important;}
	.slider3 .title-slider-4 {top:135px !important; left: 295px !important; line-height: 15px !important; font-size: 12px !important; width: 42% !important;}
	.slider3 img.ls-s2 { top: 45px !important; left: 55px !important;}
	.slider3 .ls-s2.ls-s1 {top: 125px !important; left: 320px !important;}
	.slider4 .title-slider-3 {top:90px !important; left: 40px !important; line-height: 18px !important; font-size: 27px !important; width: 42% !important;}
	.slider4 .title-slider-4 {top:135px !important; left: 30px !important; line-height: 16px !important; font-size: 13px !important; width: 42% !important;}
	.slider4 > img.ls-s2 {top: 38px !important;}
	.slider4 .ls-s2.ls-s1 {top: 122px !important; left: 173px !important;}
	.title-logos { font-size: 21px; text-align: center; margin-bottom: 5px;}
	.logos-home-ul li {width: 33%;}
	.sociallink {width: auto !important;}
	.social > .grid_12 {margin-bottom: 5px !important;}
	.l_ht span i.icon_pin_alt {margin-right: 0 !important;}	
	.page-content {margin-top: 20px !important;}
	#layerslider {height: auto !important;}
	.intro_p {background: #3c4a55 !important;}
	#layerslider {background: #7699b5 !important;}
	.portfolio > li > img {width: 100%; margin: 0 auto;}
	.portfolio_carousel li > img {width: 100%; margin: 0 auto;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -20px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -20px !important;}
 	.slider-txt-holder {margin: 10px 0px 0px 0px;}
 	.image-text-slider h1 {text-align: center;}
 	.slider-txt-p {text-align: center;}
 	.tbutton {float: none; margin: 0 auto; display: table !important;}
 	.slides li .row {width: auto !important;}
}
@media only screen and (min-width: 496px) and (max-width: 579px) {
	.logos-home-ul li {width: 33%;}
	.sociallink {width: auto !important;}
	.social > .grid_12 {margin-bottom: 5px !important;}
	.ls-bg {display:none !important; visibility: hidden !important; z-index:-50; height: 100% !important; width: 100% !important; top: 0 !important; left: 0 !important; margin-top: 0 !important; margin-left: 0 !important;}
	.page-content {margin-top: 20px !important;}
	.intro_p {background: #3c4a55 !important;}
	#layerslider {background: #7699b5 !important;}
	.portfolio > li > img {width: 100%; margin: 0 auto;}
	.portfolio_carousel li > img {width: 100%; margin: 0 auto;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -20px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -20px !important;}
 	.slider-txt-holder {margin: 10px 0px 0px 0px;}
 	.image-text-slider h1 {text-align: center;}
 	.slider-txt-p {text-align: center;}
 	.tbutton {float: none; margin: 0 auto; display: table !important;}
 	.slides li .row {width: auto !important;}
}
@media only screen and (min-width: 346px) and (max-width: 495px) {
	.slider1 .title-slider-1 {line-height: 15px !important; font-size: 14px !important; width: 50% !important;}
	.slider1 .title-slider-2 {top:70px !important; left: 148px !important; line-height: 11px !important; font-size: 10px !important; width: 50% !important;}	
	.slider1 .ls-s1 {top: 122px !important; }
	.slider2. img.ls-s2 {top: 100px !important;}
	.slider2 .title-slider-1 {left: 20px !important; line-height: 15px !important; font-size: 14px !important; width: 50% !important;}
	.slider2 .title-slider-2 {top:70px !important; left: 20px !important; line-height: 11px !important; font-size: 10px !important; width: 50% !important;}
	.slider2 .ls-s1 {top: 125px !important; left: 98px !important; }
	.slider2 .ls-s2 {}
	.slider3 .title-slider-3 {font-size: 18px !important; left: 185px !important; top: 45px !important;}
	.slider3 .title-slider-4 {top: 84px !important; left: 185px !important; line-height: 15px !important; font-size: 12px !important; width: 42% !important;}
	.slider3 .ls-s2.ls-s1 {top: 110px !important; left: 235px !important;}
	.slider4 .title-slider-3 {top:60px !important; left: 22px !important; line-height: 15px !important; font-size: 21px !important; width: 42% !important;}
	.slider4 .title-slider-4 {top:53px !important; left: 10px !important; line-height: 12px !important; font-size: 11px !important; width: 42% !important;}
	.slider4 .ls-s2.ls-s1 {top: 92px !important; left: 58px !important;}
	.slider1 .slider-button {margin-top: -33px; font-size: 12px;}
	.slider1 .slider-button span {padding: 1px 18px 3px !important;}
	.slider2 .slider-button {margin-top: -33px; font-size: 12px;}
	.slider2 .slider-button span {padding: 1px 18px 3px !important;}
	.msgcookie p {width:90%;margin:0 auto;}
	.title-logos { font-size: 21px; text-align: center; margin-bottom: 5px;}
	.logos-home-ul li {width: 33%;}
	.sociallink {width: auto !important;}
	.social > .grid_12 {margin-bottom: 5px !important;}
	.page-content {margin-top: 20px !important;}
	.intro_p {background: #3c4a55 !important;}
	#layerslider {background: #7699b5 !important;}
	.msgcookie a.close {height:85px;}
	.portfolio > li > img {width: 100%; margin: 0 auto;}
	.portfolio_carousel li > img {width: 100%; margin: 0 auto;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -20px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -20px !important;}
 	.slider-txt-holder {margin: 10px 0px 0px 0px;}
 	.image-text-slider h1 {text-align: center;}
 	.slider-txt-p {text-align: center;}
 	.tbutton {float: none; margin: 0 auto; display: table !important;}
 	.slides li .row {width: auto !important;}
}
@media only screen and (min-width: 311px) and (max-width: 345px) {
	.slider1 .title-slider-1 {line-height: 15px !important; font-size: 14px !important; width: 50% !important;}
	.slider1 .title-slider-2 {top:70px !important; left: 148px !important; line-height: 11px !important; font-size: 10px !important; width: 50% !important;}	
	.slider1 .ls-s1 {top: 122px !important; }
	.slider2. img.ls-s2 {top: 100px !important;}
	.slider2 .title-slider-1 {left: 20px !important; line-height: 15px !important; font-size: 14px !important; width: 50% !important;}
	.slider2 .title-slider-2 {top:70px !important; left: 20px !important; line-height: 11px !important; font-size: 10px !important; width: 50% !important;}
	.slider2 .ls-s1 {top: 125px !important; left: 98px !important; }
	.slider2 .ls-s2 {}
	.slider3 .title-slider-3 {font-size: 18px !important; left: 160px !important; top: 35px !important;}
	.slider3 .title-slider-4 {top:53px !important; left: 160px !important; line-height: 15px !important; font-size: 12px !important; width: 42% !important;}
	.slider3 .ls-s2.ls-s1 {top: 72px !important; left: 160px !important;}	
	.slider4 .title-slider-3 {top:48px !important; left: 22px !important; line-height: 15px !important; font-size: 21px !important; width: 42% !important;}
	.slider4 .title-slider-4 {top:53px !important; left: 10px !important; line-height: 12px !important; font-size: 11px !important; width: 42% !important;}
	.slider4 .ls-s2.ls-s1 {top: 75px !important; left: 38px !important;}
	.slider1 .slider-button {margin-top: -33px; font-size: 12px;}
	.slider1 .slider-button span {padding: 1px 18px 3px !important;}
	.slider2 .slider-button {margin-top: -33px; font-size: 12px;}
	.slider2 .slider-button span {padding: 1px 18px 3px !important;}
	.msgcookie p {width:90%;margin:0 auto;}
	.title-logos { font-size: 21px; text-align: center; margin-bottom: 5px;}
	.logos-home-ul li {width: 33%;}
	.sociallink {width: auto !important;}
	.social > .grid_12 {margin-bottom: 5px !important;}
	.page-content {margin-top: 20px !important;}
	.intro_p {background: #3c4a55 !important;}
	#layerslider {background: #7699b5 !important;}
	.msgcookie a.close {height:115px;}
	.portfolio > li > img {width: 100%; margin: 0 auto;}
	.portfolio_carousel li > img {width: 100%; margin: 0 auto;}
	#slider-bg {background-size: auto 100% !important;}
	.image-text-slider h1 {font-size: 20px; line-height: 23px;}
	.slider-txt-p {font-size: 14px; line-height: 19px; margin-bottom: 14px;}
	.slider-txt-holder {margin: 25px 20px 20px;}
	.image-text-slider {min-height: 283px;}
	.flexslider .slides img {margin-top: 35px;}
	.flex-direction-nav .flex-next {margin: -20px -20px 0px 0px !important;}
 	.flex-direction-nav .flex-prev {margin: -20px 0px 0px -20px !important;}
 	.slider-txt-holder {margin: 10px 0px 0px 0px;}
 	.image-text-slider h1 {text-align: center;}
 	.slider-txt-p {text-align: center;}
 	.tbutton {float: none; margin: 0 auto; display: table !important;}
 	.slides li .row {width: auto !important;}
}

/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 400px }
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .action-one .action-t {width: 100%;margin: 0 0 30px}
	.sidebar, .post {width: 100%;margin: 0 0 40px}
	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
	.sf-menu {border-radius: 2px;position: absolute;top: 70px;right: 0px;background: #9eceeb;}
	.sf-menu a.sf-with-ul {margin-right: 45px !important}
	.sf-menu > li a {padding-left: 20px !important;}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {width: 100%!important;display: none; margin: 6px 0 !important }
	.sf-menu li { margin-bottom: 10px; margin-left: 0 }
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 0px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd;background: #70a6c7;}
	.sf-menu a {padding: 16px 0}
	.breadcrumb-place {margin-top: -85px}
	.header_bag {padding: 4px}
	#header .social a {margin: 0 0 0 2px}
	.languages a {margin: 2px 0}
	.languages {margin: 0px 0 0 4px}
	.header_bag span {display: none}
	.intro_p h2 {font-size: 21px}
	.intro_p .tbutton {}
	.intro_p .tbutton:hover {background: #DADADA;background: rgba(218, 218, 218, 0.3);border-color: #000;color: #000;}
	.m_left {margin-left: 2px}
	#header .search {margin: 24px 0 24px 20px}
	.services [class^="grid_"]:before {background: none !important}
	.logo {margin: 8px 0}
	h3 {font-size: 16px}
	.f_portfolio .intro_content {width: 400px;height: 200px !important}
	.f_portfolio .f_items {width: 400px;height: 400px !important}
	.f_portfolio li {width: 400px !important;height: 400px !important}
	.f_portfolio .portfolio_carousel {width: 400px !important}
	.f_portfolio .anyClass {overflow: hidden;width: 400px;height: 400px !important}
	.f_portfolio .f_links, .portfolio .f_links {top: 35%}
	.f_portfolio .preve {left: auto;right: 54px;bottom: auto;top: -42px;}
	.f_portfolio .nexte {left: auto;right: 20px;bottom: auto;top: -42px;}
	.custom_block1 .inner_list {padding: 40px 0 10px}
	.custom_block2 li.active:after {border-bottom: 0}
	.custom_block2 li {width: 80px}
	.grid_2 img {margin: 0 auto}
	.accordion-head, .toggle-head {font-size: 12px}
	.custom_block1 ul li i {font-size: 22px}
	.shop .product_meta {margin: 0 2px}
	.banners a {margin: 0 0 0 2px;width: 132px}
	.big-slider h3 {bottom: 10%;left: 2%;font-size: 12px}
	.big-slider p, .flex-direction-nav {display: none !important}
	.set_three i {font-size: 24px}
	.mslider-labels{bottom: 14%}
	.product_inner .price {font-size: 13px}
	.set_two .s_icon {float: none}
	.pricing-table .price-content {padding: 15px}
	.res_both_sidebar .grid_7, .shop-left-sidebar .grid_7, .single_products .grid_8, .single_products .grid_4, .grid_6.posts, .grid_9.alpha, .sidebar.grid_3.omega, .grid_8.contact_c, .box1 {width: 100%}
	.single_products .grid_2 {width: 23%}
	.single_products .grid_10 {width: 73%}
	.grid_9 .custom_block2 li {width: 54px}
	.post_meta span {margin-left: 10px}
	.sliderr {margin: 0 !important}
	.two-column .post, .three-column .post, .four-column .post, .four-column .product {width: 100% !important;margin: 0 0 20px !important}
	.modern-slider, .modern-slider img {width: 497px;height: auto}
	.tabs li a {padding: 10px 8px}
	.copyright {float: none;display: table;margin: 0 auto 0;text-align: center}
	.l_ht, .r_ht {float: none;display: table;margin: 0 auto;text-align: center}
	.foot-menu {float: none;display: table;text-align: center;margin: 0 auto;padding: 4px 0}
	.foot-menu li {float: none;display: inline-block;padding: 0 6px}
	.social-head {position: absolute;right: 0;}
	.action-one .action-button {float: none;width: 100%;text-align: center;margin: 0 auto;display: table;}
	.action-one .action-button span {display: block}
	.grid_7 .content-two-third {width: 60%}
	.countdown li {width: 70px;padding: 10px 10px}
	.countdown li span {font-size: 30px}
	.countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {font-size: 14px}
	.animated {opacity:1 !important}
	.filterable ul.filter li {display: block;margin: 0 0 12px 0}
	.product img {width: 100%}
	.prod_info p {min-height: 175px;}
	.s_info p {min-height: 60px;}
	.h_prod_info p {min-height: 60px;}
	.h_prod_info {margin-bottom: 30px;}
	.no-pad-col-xs {padding-left: 0; padding-right: 0;}
	.pad20-col-xs {padding-left: 20px; padding-right: 20px;}
	.width90 {width: 90px !important;}
	.admin-sistems h3, .admin-sistems h4, .admin-sistems h5 {text-align: center !important;}
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 480px) {
	body {overflow-x: hidden}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.row { width: 290px; padding: 0; }
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .action-one .action-t {width: 100%;margin: 0 0 30px}
	.sidebar, .post {width: 100%;margin: 0 0 40px}
	#mobilepro, .subarrow { display: block; }
	.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
	.sf-menu {border-radius: 2px;position: absolute;top: 70px;right: 0px;background: #9ECEEB;}
	.sf-menu a.sf-with-ul {margin-right: 45px !important}
	.sf-menu > li a {padding-left: 20px !important;}
	.sf-menu i, .sf-menu li a {color: #FFF}
	.sf-menu, .sf-sub-indicator {width: 100%!important;display: none; margin: 6px 0 !important }
	.sf-menu li { margin-bottom: 10px; margin-left: 0 }
	.sf-menu.xactive {display: block!important;}
	.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
	.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
	.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
	ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
	.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
	.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
	.sf-menu li li {left: 0px;}
	.sf-menu ul {position:static !important; display: none !important; width: 100%; }
	.xpopdrop > ul {display: block !important; visibility: inherit !important }
	.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
	.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
	.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd;background: #70a6c7;}
	.sf-menu a {padding: 16px 0}
	.header_bag {padding: 4px}
	#header .social a {margin: 0 0 0 2px}
	.languages a {margin: 2px 0}
	.languages {margin: 0px 0 0 4px}
	.header_bag span {display: none}
	.intro_p h2 {font-size: 20px;}
	.intro_p .tbutton:hover {background: #DADADA;background: rgba(218, 218, 218, 0.3);border-color: #000;color: #000;}
	.m_left {margin-left: 2px}
	#header .search {margin: 24px 0 24px 20px}
	.services [class^="grid_"]:before {background: none !important}
	.logo {margin: 8px 0}
	h3 {font-size: 16px}
	.f_portfolio .intro_content {width: 280px;height: 250px !important}
	.f_portfolio .f_items {width: 280px;height: 280px !important}
	.f_portfolio li {width: 280px !important;height: 280px !important}
	.f_portfolio .portfolio_carousel {width: 280px !important}
	.f_portfolio .anyClass {overflow: hidden;width: 280px;height: 280px !important}
	/*.f_portfolio .f_links, .portfolio .f_links {top: 12%}*/
	.f_portfolio .preve {left: auto;right: 54px;bottom: auto;top: -42px;}
	.f_portfolio .nexte {left: auto;right: 20px;bottom: auto;top: -42px;}
	.custom_block1 .inner_list {padding: 40px 0 10px}
	.custom_block2 li.active:after {border-bottom: 0}
	.custom_block2 li {width: 80px}
	.grid_2 img {margin: 0 auto}
	.accordion-head, .toggle-head {font-size: 12px}
	.custom_block1 ul li i {font-size: 22px}
	.shop .product_meta {margin: 0 2px}
	.banners a {margin: 0 0 4px;width: 100%}
	.big-slider h3 {bottom: 10%;left: 2%;font-size: 12px}
	.big-slider p, .flex-direction-nav {display: none !important}
	.set_three i {font-size: 24px}
	.product_inner .price {font-size: 13px}
	.set_two .s_icon {float: none}
	.pricing-table .price-content {padding: 15px}
	.res_both_sidebar .grid_7, .shop-left-sidebar .grid_7, .single_products .grid_8, .single_products .grid_4, .grid_6.posts, .grid_9.alpha, .sidebar.grid_3.omega, .grid_8.contact_c, .box1,
	.single_products .grid_2, .single_products .grid_10, .grid_8.alpha, .grid_8.omega, .grid_4.alpha, .grid_4.omega {width: 100%}
	.grid_9 .custom_block2 li {width: 54px}
	.post_meta span {margin-left: 10px}
	.sliderr {margin: 0 !important}
	.two-column .post, .three-column .post, .four-column .post, .four-column .product {width: 100% !important;margin: 0 0 20px !important}
	.view_cart_mini, .head_up, .nivo-directionNav, .mslider-labels, #thumbnails {display: none !important}
	ul.showcomments li.child {margin: 0 0px 40px 30px}
	.modern-slider, .modern-slider img {width: 497px;height: auto}
	.tabs li a {padding: 10px 8px}
	.copyright {float: none;display: table;margin: 0 auto 0;text-align: center}
	.l_ht, .r_ht {float: none;display: table;margin: 0 auto;text-align: center}
	.foot-menu {float: none;display: table;text-align: center;margin: 0 auto;padding: 4px 0}
	.foot-menu li {float: none;display: inline-block;padding: 0 6px}
	.grid_7 .content-two-third {width: 60%}
	.product img {width: 100%}
	.modern-slider, .modern-slider img {width: 337px;height: auto}
	.action-one .action-button {float: none;width: 100%;text-align: center;margin: 0 auto;display: table;}
	.action-one .action-button span {display: block}
	.countdown li {width: 70px;padding: 10px 10px}
	.countdown li span {font-size: 30px}
	.countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {font-size: 14px}
	.animated {opacity:1 !important}
	.filterable ul.filter li {display: block;margin: 0 0 12px 0}
	.prod_info p {font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-top: 20px; min-height: 75px; padding-left: 30px; padding-right: 30px;}
	.prod_info {margin-bottom: 30px;}
	.s_info p {font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-top: 20px; min-height: 75px; padding-left: 10px; padding-right: 10px;}
	.s_info {margin-bottom: 30px;}
	.h_prod_info {margin-bottom: 30px;}
	.no-pad-col-xs {padding-left: 0; padding-right: 0;}
	.pad20-col-xs {padding-left: 20px; padding-right: 20px;}
	.width90 {width: 90px !important;}
	.admin-sistems h3, .admin-sistems h4, .admin-sistems h5 {text-align: center !important;}
}