@font-face {
    font-family: 'helveticfa';
    src: url('styles/fa-fonts/helveticaneuew23.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}
@font-face {
    font-family: 'iransans';
    src: url('styles/fa-fonts/IRANSans-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}
@font-face {
    font-family: 'iranyekan';
    src: url('styles/fa-fonts/iranyekanwebbold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}
@font-face {
    font-family: 'xerosans';
    src: url('styles/fa-fonts/XeroSansBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}
@font-face {
    font-family: 'yekanweb';
    src: url('styles/fa-fonts/Yekan-modified.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}

/* ----- RTL Styles Begin ----- */

body * {
	letter-spacing: 0;
	line-height: 2;
}
.rtl {
	direction: rtl;
}
.textright {
	text-align: right !important;
}
ul ul, ol ol, ul ol, ol ul {
	margin-right: 15px;
}
img.alignleft, .fl, .vc_align_left {
	float: left;
	margin: 0 20px 10px 0 !important;
}
img.alignright, .vc_align_right {
	float: right;
	margin: 0 0 10px 20px !important;
}
.fll {
	float: right;
	margin: 0 0 10px 20px !important;
}
.rev .matn {
	text-align: left;
}
.tbutton.flr {
	float: left;
	margin: 0 20px 10px 0 !important;
}
.masonry-brick {
	display: block;
}
.fancy-btn .tbutton.large span {
	padding: 0 64px 0 18px;
}
.fancy-btn .tbutton.large span i {
	right: 1px;
	left: auto;
	border-right: none !important;
	border-left: 1px solid;
	
}
a.notification-close {
	left: 20px;
	right: auto;
}
.notification-box p i {
	padding-left: 10px;
	padding-right: 0px;
	border-left: 1px solid;
	border-right: none;
	margin-left: 10px;
	margin-right: 0px;
}

/* ----- Top Bar ----- */

.l_ht {
	float: right;
}
.l_ht span {
	margin-left: 15px;
	margin-right: 0;
	margin-top: 8px;
	float: right;
}
.l_ht span i {
	margin-left: 8px;
	margin-right: 0;
	float: right;
}
.r_ht, .languages {
	float: left;
}
.shopping_bag {
	float: left;
}
.header_bag a i {
	float: right;
}
.header_bag span {
	padding-right: 6px;
	padding-left: 0;
	float: right;
}
.header_bag span .woocommerce-Price-amount, .header_bag span .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
	float: left;
}
.social a, .ht-icon, a.social {
	float: right;
}
#header .social a {
	margin: 0 4px 0 0;
}
ul.cart_list li img, ul.product_list_widget li img {
	margin: 10px 0 0 5px;
	float: left;
}
/* img.alignleft, .fl, .fll, .vc_align_left { */
	/* float: right; */
	/* margin: 0 0 10px 20px !important; */
/* } */
/* img.alignright, .fr, .flr, .vc_align_right { */
	/* float: left; */
	/* margin: 0 20px 10px 0 !important; */
/* } */
.tbutton.small span i {
	padding-left: 3px;
	padding-right: 0px;
}
.mi {
	margin-left: 4px !important;
	margin-right: 0px !important;
}

/* ----- Header ----- */

.logo {
	float: right;
}
#header .search {
	margin: 42px 20px 42px 0;
	padding: 0 20px 0 0;
	float: left;
	border-right: 1px solid #CFCFCF;
	border-left: none;
}
.sf-menu {
	float: left;
}
.sf-menu li {
	float: right;
	margin: 0 14px 0 0;
}
.sf-menu a {
	line-height: 1;
}
.sf-menu a.sf-with-ul {
	padding-left: 30px;
	padding-right: 20px;
}
a > .sf-sub-indicator {
	left: 8%;
	right: auto;
}
.sf-menu i {
	margin-left: 8px;
	margin-right: 0px;
}
.sf-menu ul {
	right: 0;
}
.sf-menu ul ul {
	right: 100%;
}
.sf-menu li li:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 6px;
}
li li a .sf-sub-indicator {
	left: 1%;
	right: auto;
}
.s_form {
	left: 0;
	right: auto;
}
#header .search button {
	left: 12px;
	right: auto;
}
.intro_p .tbutton i {
	right: 1px;
	left: auto;
	border-left: 1px solid #FFF;
	border-right: none;
}
.intro_p .tbutton.large span {
	padding: 0 64px 0 18px;
}
.m_left {
	margin-right: 40px;
	margin-left: 0px;
}

/* ----- Body ----- */

.content-boxes .content-box {
	float: right;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	float: right;
}
.row .entry {
	direction: ltr;
}
.row .entry * {
	direction: rtl;
}
.services [class^="grid_"]::before {
	right: -12px;
	left: auto
}
.f_portfolio.desc-left .intro_content {
	float: right;
}
.f_portfolio .f_items {
	float: right;
}
.f_portfolio .anyClass {
	direction: ltr;
}
.projectslider .flex-viewport {
	direction: ltr;
}
.tbutton.small span i {
	padding-left: 0px;
}
.fancy-features-list ul li i {
	margin-left: 8px;
	margin-right: 0px;
}
.flex-direction-nav {
	display: none;
}
.f_blog .f_meta span {
	margin-left: 20px;
	margin-right: 0px;
}
.page-content .vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
	float: left;
}
.vc_progress_bar .vc_single_bar .vc_bar {
	left: auto;
	right: 0;
}
.wpb_content_element.wpb_tabs .wpb_tabs_nav li, .wpb_content_element.wpb_tour .wpb_tabs_nav li {
	float: right;
	margin: 0 0 10px 10px !important;
}
img.alignright {
	float: right;
	margin: 0 0 10px 20px !important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-active .ui-icon, h4.wpb_toggle span {
	float: right;
	margin: 0 0 0 20px !important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
	padding-right: 1em;
	padding-left: 0;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, h4.wpb_toggle {
	font-family: inherit;
	font-size: inherit;
}
.wpb_accordion .wpb_accordion_content {
	font-size: inherit !important;
}

.set_two .s_icon {
	margin: 0 0 20px 10px;
	float: right;
}
.services .s_icon span {
	left: 0px;
}
.set_two {
	text-align: right;
}
.set_two .tbutton {
	float: left;
}
.tbutton.small span i, .tbutton.medium span i, .tbutton.large span i {
	padding-left: 4px;
	padding-right: 0px;
}
.table th {
	font-family: inherit;
}
.table tfoot td {
	text-align: right;
}
.widget .social_head {
	float: right;
}
.widget .social a {
	margin: 0 0 4px 4px;
}
.thumb-list .post-thumbnail, .thumb-list .post-format-icons {
	float: right;
	margin: 0 0 0 10px;
}
.thumb-list .post-meta {
	text-align: right;
}
.breadcrumbIn li::before {
	content: "\f0d9 ";
	right: -4px;
	left: auto;
}
.error_page h2 small {
	font-family: inherit;
}
.tbutton {
	word-spacing: 0;
}
.under_construction {
	height: auto;
}
.f_portfolio .f_hover h5, .portfolio .f_hover h5 {
	bottom: 5px;
}
.single-folio.right .grid_8 {
	float: left;
}
/* img.alignleft, .fl, .fll, .vc_align_left { */
	/* float: left; */
	/* margin: 0 20px 10px 0 !important; */
/* } */
/* img.alignright, .fr, .flr, .vc_align_right { */
	/* float: right; */
	/* margin: 0 0 10px 20px !important; */
/* } */
.post_format {
	right: 20px;
	left: auto;
	padding: 20px 0 0;
}
.meta_box h3, .post_meta {
	margin: 0 140px 10px 0;
}
.post_meta span {
	margin-right: 20px;
	margin-left: 0px;
}
.post_meta span:first-child {
	margin-right: 0;
}
.post_comments {
	float: left;
}
.widget_search .search-box button, #newsletters button {
	left: 14px;
	right: auto;
}
.m_thumbnails .thumb_f {
	float: right;
	margin-left: 1%;
	margin-right: 0;
}
.m_thumbnails .content_half {
	float: right;
	margin-right: 1%;
	margin-left: 0;
}
.m_thumbnails h3, .m_thumbnails .post_meta {
	margin: 0 0 10px;
}
.two-column h3, .three-column h3, .two-column .post_meta, .three-column .post_meta {
	margin-right: 0;
}
.left-sidebar .grid_9, .left-sidebar .shop, .right-sidebar .grid_3.sidebar {
	float: right;
}
.right-sidebar .grid_9, .right-sidebar .shop, .left-sidebar .grid_3.sidebar {
	float: left;
}
textarea, input, select, ul.showcomments span.date {
	font-family: inherit;
}
.testimonial p {
	font-size: 12px;
	font-family: inherit;
}
.testimonial-arrow {
	border-color: #FAFAFA transparent transparent transparent;
	border-width: 20px 20px 0 0;
	right: 20px;
	left: auto;
}
.client-avat {
	right: 2px;
	left: auto;
}
.testimonial-s .testimonial-details {
	margin: 0px 50px 8px 0px;
	float: right;
}
ul.showcomments .thumb {
	float: right;
	margin: 0 0 0 30px;
}
ul.showcomments span.date {
	float: left;
}
ul.showcomments ul.children, ul.showcomments ul.children .children {
	padding-right: 110px;
	padding-left: 0px;
}
#commentform .comment-notes.fll {
	float: right;
	margin: 0 0 10px 20px !important;
}
#commentform .send-message {
	float: left;
}
.woo-ad {
	float: right;
	margin-right: 20px;
	margin-left: 0;
}
.woo-ads .woo-ad:first-child {
	margin-right: 0;
}
.woocommerce ul.product_list_widget li img {
	float: right;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove {
	left: 0;
	right: auto;
}
.woocommerce ul.product_list_widget li img {
	float: right;
	margin: 0 0 5px 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0 5px 0 0;
	float: right;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0 0 10px 10px !important;
}
th {
	text-align: right;
}
.rtl .woocommerce .col2-set .col-1, .rtl .woocommerce-page .col2-set .col-1 {
	float: right;
}
.view_cart_mini {
	left: 0;
	right: auto;
}

/* ----- Footer ----- */

.contact-details ul li i {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 3px;
	float: right;
}

/* ----- Copyright ----- */

.copyright {
	float: right;
}
#toTop {
	float: left;
}
#toTop i {
	padding: 0px 7.5px 0 0;
}
.foot-menu {
	float: left;
}
.foot-menu li {
	float: right;
}

/* ----- Responsive Styles ----- */

#mobilepro {
    float: left;
}

/* #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 4px 0 0;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 10px 0 0;width: 282px;}
    .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}
}
/* Content Box
----------------------------------------------------------------------*/
@media only screen and (max-width: 1220px) {
    .content-boxes .content-box .cb-icon {width: 14.667% !important;}
    .content-boxes .content-box .cb-content {width: 81.333% !important;}
    .content-boxes.child4 .content-box,
    .content-boxes.child5 .content-box,
    .content-boxes.child6 .content-box {
        width: 33.33%;
        margin-bottom: 20px;
    }
    .content-box i {
        font-size: 30px !important;
    }
}

/* #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;left: 10px; right: auto; cursor: pointer;font-size: 16px;}
    .sf-menu {border-radius: 10px;position: absolute;top: 70px;left: 50px; right: auto; background: #5486DA;}
    .sf-menu a.sf-with-ul {margin-left: 45px !important; margin-right: inherit !important}
    .sf-menu > li a {padding-right: 20px !important; padding-left: inherit !important;}
    .sf-menu i, .sf-menu li a {color: #FFF}
    .sf-menu, .sf-sub-indicator {width: 50%!important;display: none; margin: 4px 0 !important }
    .sf-menu li { margin-bottom: 10px; margin-right: 0; margin-left: inherit }
    .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 {right: 10px; left: auto;}
    .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}
    .sf-menu a {padding: 16px 0}

    .breadcrumb-place {margin-top: -85px}
    .header_bag {padding: 4px 4px}
    #header .social a {margin: 0 2px 0 0}
    .languages a {margin: 2px 0 2px 0px}
    .languages {margin: 0px 4px 0 0}
    .header_bag span {display: none}
    .intro_p h2 {font-size: 16px}
    #header .search {margin: 24px 20px 24px 0}
    .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}
    .fancy-features-list .inner_list {padding: 40px 0 10px}
    .accordion-head, .toggle-head {font-size: 12px}
    .fancy-features-list ul li i {font-size: 22px}
    .shop .product_meta {margin: 0 2px}
    .banners a {margin: 0 10px 0 0;width: 226px}
    .big-slider h3 {bottom: 22%}
    .big-slider p, .big-slider h3 {right: 4%; left: auto;}
    .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%}
    .post_meta span {margin-right: 10px; margin-left: inherit;}
    .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}
}

/* #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 }
    .vc_span2, .vc_span3, .vc_span4, .vc_span6, .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% !important;margin: 0 0 30px !important}
    .vc_span2, .vc_span3, .vc_span4, .vc_span6 {
        margin-bottom: 35px !important;
    }
    .pricing-table {
        margin-bottom: 15px !important;
    }
    .sidebar, .post {width: 100%;margin: 0 0 40px}
    #mobilepro, .subarrow { display: block; }
    .subarrow {display: block;z-index: 99;position: absolute;top: 14px;left: 10px; right: auto;cursor: pointer;font-size: 16px;}
    .sf-menu {border-radius: 10px;position: absolute;top: 70px;left: 50px; right: auto;;background: #5486DA;}
    .sf-menu a.sf-with-ul {margin-left: 45px !important; margin-right: inherit !important}
    .sf-menu > li a {padding-right: 20px !important; padding-left: inherit !important}
    .sf-menu i, .sf-menu li a {color: #FFF}
    .sf-menu, .sf-sub-indicator {width: 80%!important;display: none; margin: 4px 0 !important }
    .sf-menu li { margin-bottom: 10px; margin-right: 0; margin-left: inherit }
    .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 {right: 10px; left: auto}
    .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}
    .sf-menu a {padding: 16px 0}

    .breadcrumb-place {margin-top: -85px}
    .header_bag {padding: 4px}
    #header .social a {margin: 0 2px 0 0}
    .languages a {margin: 2px 0}
    .languages {margin: 0px 4px 0 0}
    .header_bag span {display: none}
    .intro_p h2 {font-size: 16px;color: #000;}
    .intro_p .tbutton {border: 1px solid #646464;color: #646464; margin-bottom: 8px;}
    .intro_p .tbutton i {border-left-color: #646464; border-right-color: inherit;}
    .intro_p .tbutton:hover {background: #DADADA;background: rgba(218, 218, 218, 0.3);border-color: #000;color: #000;}
    .m_left {margin-right: 2px; margin-left: auto;}
    #header .search {margin: 24px 20px 24px 0}
    .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 {right: auto;left: 54px;bottom: auto;top: -42px;}
    .f_portfolio .nexte {right: auto;left: 20px;bottom: auto;top: -42px;}
    .fancy-features-list .inner_list {padding: 40px 0 10px}
    .fancy_testimonial li.active:after {border-bottom: 0}
    .grid_2 img {margin: 0 auto}
    .accordion-head, .toggle-head {font-size: 12px}
    .fancy-features-list ul li i {font-size: 22px}
    .shop .product_meta {margin: 0 2px}
    .banners a {margin: 0 2px 0 0;width: 132px}
    .big-slider h3 {bottom: 10%;right: 2%;left: auto;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%}
    .post_meta span {margin-right: 10px; margin-left: inherit;}
    .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;left: 0; right: auto;}
    .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%}
}

/* Content Box
----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    #menu > li > a, #menu > li > a:visited {
        color: #fff !important; ;
    }
    .content-boxes.child4 .content-box,
    .content-boxes.child5 .content-box,
    .content-boxes.child6 .content-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .content-box i {
        font-size: 32px !important;
    }
    .post .thumb_f,
    .post .content_half {
        float: none;
        width: 100% !important;
        margin-bottom: 6px;
        clear: both;
    }
}

/*  #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;left: 10px; right: auto;cursor: pointer;font-size: 16px;}
    .sf-menu {border-radius: 10px;position: absolute;top: 70px;left: 50px; right: auto;background: #5486DA;}
    .sf-menu a.sf-with-ul {margin-left: 45px !important; margin-right: inherit !important}
    .sf-menu > li a {padding-right: 20px !important; padding-left: inherit !important;}
    .sf-menu i, .sf-menu li a {color: #FFF}
    .sf-menu, .sf-sub-indicator {width: 80%!important;display: none; margin: 4px 0 !important }
    .sf-menu li { margin-bottom: 10px; margin-right: 0; margin-left: inherit; }
    .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 {right: 10px; left: auto;}
    .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}
    .sf-menu a {padding: 16px 0}

    .header_bag {padding: 4px}
    #header .social a {margin: 0 2px 0 0}
    .languages a {margin: 2px 0}
    .languages {margin: 0px 4px 0 0}
    .header_bag span {display: none}
    .intro_p h2 {font-size: 16px;color: #000;}
    .intro_p .tbutton {border: 1px solid #646464;color: #646464; margin-bottom: 8px;}
    .intro_p .tbutton i {border-left-color: #646464; border-right-color: inherit}
    .intro_p .tbutton:hover {background: #DADADA;background: rgba(218, 218, 218, 0.3);border-color: #000;color: #000;}
    .m_left {margin-right: 2px; margin-left: inherit;}
    #header .search {margin: 24px 20px 24px 0}
    .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 {right: auto;left: 54px;bottom: auto;top: -42px;}
    .f_portfolio .nexte {right: auto;left: 20px;bottom: auto;top: -42px;}
    .fancy-features-list .inner_list {padding: 40px 0 10px}
    .fancy_testimonial li.active:after {border-bottom: 0}
    .grid_2 img {margin: 0 auto}
    .accordion-head, .toggle-head {font-size: 12px}
    .fancy-features-list 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%;right: 2%; left: auto;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%}
    .post_meta span {margin-right: 10px; margin-left: inherit;}
    .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 30px 40px 0}

    .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}
    .wpb_content_element.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { float: none; width: 100%;}
    .wpb_tabs_nav li { width: 100% !important; float: none !important;}
}