/** tablet portrait */
@media (min-width: 1025px) and (max-width: 1280px){

    .columns4 .gallery-list-item-inside .gallery-title {
        border-left: none;
        font-size: 18px;
        margin-left: 0;
        margin-top: 8px;
        min-height: 0;
        padding-left: 0;
        text-align: center;
    }

    .count-wrap {
        bottom: 0;
        left: 0;
        margin: auto;
        position: relative;
        top: 0;
    }
}

@media (max-width: 1024px){

    /** sliders & galleries navigation */

    #main-app-bar #bar-mobile-next,
    #main-app-bar #bar-mobile-prev,
    #main-app-bar #bar-mobile-zoom,
    #main-app-bar #bar-video-play,
    #main-app-bar #bar-video-mute,
    #main-app-bar #bar-map-info{
        display: block;
    }

    #split-thumbs{
        display: none;
    }

    #frame-thumbs{
        display: none;
    }

    #frame-controls {
        display: none;
    }

    #bar-copyright{
        display: none;
    }

    .video-row{
        padding: 0;
    }

    .video-row .video-text{
        padding: 20px;
    }

    /** video */

    #video-controls{
        display: none;
    }

    .testimonials-item {
        padding: 20px 20px 120px;
    }

    .testimonials-thumbs{
        height: 80px;
    }

    a.testimonials-thumb{
        height: 100%;
    }

    a.testimonials-thumb img{
        height: 100%;
        width: auto;
    }

    /** contacts */

    #contacts-popup-bar .contacts-popup-inner {
        height: 100%;
        overflow-y: auto;
        padding: 20px;
    }

    #contacts-popup-bar .contacts-iconblock {
        padding: 0;
    }

    .contact-form {
        padding: 0;
    }

    .contacts-icon {
        margin-bottom: 10px;
        margin-top: 38px;
    }

    .contacts-icon:after {
        display: none;
    }

    #contact-form h3 {
        font-size: 18px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .cf-label {
        display: block;
        float: none;
        padding-right: 0;
        text-align: left;
        width: 100%;
        margin-bottom: 8px;
    }

    span.wpcf7-form-control-wrap {
        float: none;
        width: 100%;
    }

    #contacts-popup .close-popup {
        right: 20px;
        top: 20px;
    }

    #contacts-popup {
        height: 100%;
        position: fixed;
        right: 60px;
        top: 0;
        width: 60%;
       /* z-index: 1000;*/
	   margin-top:50px;
    }

    .contacts-popup-inner {
        height: 100%;
        overflow-y: auto;
        padding: 80px 30px;
    }

    .map-marker {
        font-size: 16px;
        left: 0;
        top: 50%;
        width: 100%;
    }

    .map-marker:before{
        display: none;
    }
}

@media (max-width: 768px){

    .content-pad{
        padding-right: 0;
    }

    #shop-container{
        max-width: 650px;
        padding-right: 0;
        padding-left: 0;
    }

    .container{
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .sidebar-right .post-wrap {
        padding-right: 0;
    }

    .sidebar-left .post-wrap {
        padding-left: 0;
    }

    #woo-content {
        padding-right: 0;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        margin: 0 1% 30px;
        width: 48%;
    }

    .woocommerce ul.products li.product .add_to_cart_button {
        margin: 30px 0 15px;
        text-align: center;
        display: block;
    }

    .woocommerce a.added_to_cart.wc-forward,
    .archive.woocommerce a.added_to_cart.wc-forward,
    .woocommerce-page a.added_to_cart.wc-forward,
    .woocommerce a.added_to_cart.wc-forward:hover,
    .archive.woocommerce a.added_to_cart.wc-forward:hover,
    .woocommerce-page a.added_to_cart.wc-forward:hover {
        display: block;
        margin-left: 0;
        margin-top: 0;
        text-align: center;
    }

    .woo-archive-head {
        text-align: center;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: none;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        float: none;
    }

    .woocommerce .woocommerce-message:before,
    .woocommerce-page .woocommerce-message:before,
    .woocommerce .woocommerce-error:before,
    .woocommerce-page .woocommerce-error:before,
    .woocommerce .woocommerce-info:before,
    .woocommerce-page .woocommerce-info:before {
        font-size: 20px;
        height: 40px;
        left: 0;
        line-height: 20px;
        padding-left: 12px;
        padding-top: 10px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 100%;
    }

    .woocommerce .woocommerce-message,
    .woocommerce-page .woocommerce-message,
    .woocommerce .woocommerce-error,
    .woocommerce-page .woocommerce-error,
    .woocommerce .woocommerce-info,
    .woocommerce-page .woocommerce-info {
        line-height: 1.5em;
        padding: 50px 20px 20px !important;
    }

    .single-product.woocommerce .woocommerce-message a.button,
    .woocommerce-page .woocommerce-message a.button {
        margin: 12px 0 0 12px;
    }

    .woocommerce-cart #content-wrap .woo-page-wrap,
    .woocommerce-checkout #content-wrap .woo-page-wrap,
    .woocommerce-account #content-wrap .woo-page-wrap {
        padding: 0 10px;
    }

    .woocommerce .cart-collaterals .shipping_calculator,
    .woocommerce-page .cart-collaterals .shipping_calculator {
        width: 100%;
    }

    .woocommerce table.shop_table,
    .woocommerce-page table.shop_table {
        margin: 0 0 30px;
        width: 100%;
    }

    .woocommerce table.shop_table td,
    .woocommerce-page table.shop_table td {
        border-top: medium none;
        padding: 0;
        vertical-align: middle;
    }

    .woocommerce td.product-quantity,
    .woocommerce-page td.product-quantity {
        min-width: 48px;
        padding: 0;
    }

    .woocommerce table.shop_table th,
    .woocommerce-page table.shop_table th {
        padding: 12px 0;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions input {
        margin: 8px 0;
        width: 100%;
    }
}

/** tablet */
@media (min-width: 768px) and (max-width: 1024px){

    body.page-template-default #content-wrap {
        padding: 20px 110px 0 20px;
    }

    .left-pad {
        margin-left: 0;
    }
    /** blog masonry */
    .page-template-page-blog .content-pad {
        margin-top: 120px;
        padding-left: 0;
        padding-right: 90px;
    }

    .page-template-page-blog .grid-item {
        padding: 0 10px 50px;
    }

    .portrait-img {
        height: 380px;
		background-position: left center;
    }

    /* hover home */

    #gallery-list-bg{
        height: auto!important;
    }

    #gallery-list {
        top: 100px;
    }

    .gallery-list-item a {
        font-size: 25px;
        font-weight: 300;
        letter-spacing: 2px;
        padding: 0 90px 0 10px;
        text-transform: uppercase;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        width: 100%;
    }

    .gallery-list-item .gallery-count {
        font-weight: 300;
        opacity: 0.8;
    }

    /** woo */

    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.images,
    .woocommerce-page #content div.product div.images {
        float: none;
        width: 100%;
    }

    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary,
    .woocommerce #content div.product div.summary,
    .woocommerce-page #content div.product div.summary {
        float: none;
        width: 100%;
        padding: 30px;
    }

    .woocommerce p.stars a,
    .woocommerce-page p.stars a {
        margin-bottom: 12px;
    }

}

/* phone and everything up to tablet */
@media (max-width: 767px){

    .section-light #menu-wrap #main-menu-toggle .btn-line,
    .section-dark #menu-wrap #main-menu-toggle .btn-line{
        background: #fff;
    }

    /** masonry blog */
    .page-template-page-blog .content-pad {
        margin-top: 90px;
        padding-left: 0;
        padding-right: 0;
    }

    .page-template-page-blog .grid-item {
        padding: 0 0 50px;
    }

    .portrait-img {
        height: 380px;
		background-position:left center;
    }
	#res{
		background-position:center center;
		}

    /** content wrap */

    .right-pad #main-wrapper{
        padding-right: 0;
    }

    .content-pad {
        padding-right: 0;
    }

    .left-pad {
        margin-left: 0;
    }
    .top-pad {
        margin-top: 80px;
    }

    #blog-content{
        padding: 0;
    }

    #content-wrap{
        padding-right: 0;
        padding-left: 0;
    }

    #main-app-bar.layout-right {
        width: 50px;
        right: -50px;
    }

    #main-app-bar.layout-right.shown{
        right: 0;
    }

    #footer-bar #toggle-sidebar{
        display: block;
		color:#be1522;
    }

    #footer-bar #back-to-top{
        display: none;
    }

    #main-app-bar .app-bar-item i,
    .app-bar .bar-item i {
        font-size: 22px;
    }

    #main-app-bar .app-bar-item {
        line-height: 50px;
    }

    #main-app-bar .app-bar-item {
        height: 50px;
        line-height: 50px;
    }

    .app-bar-item .bar-content {
        right: -590px;
        /*max-height: 320px;*/
        overflow-y: scroll;
        top: 50px;
        width: 320px;
    }

    #main-app-bar .bar-item-label {
        width: 270px;
    }

    #main-app-bar .app-bar-item:after {
        width: 320px;
    }

    #main-app-bar .app-bar-item:hover,
    #main-app-bar .app-bar-item.open {
        -webkit-transform: translateX(-270px);
        -moz-transform: translateX(-270px);
        -ms-transform: translateX(-270px);
        -o-transform: translateX(-270px);
        transform: translateX(-270px);
    }

    .app-bar-item.open .bar-content {
        -webkit-transform: translateX(-320px);
        -moz-transform: translateX(-320px);
        -ms-transform: translateX(-320px);
        -o-transform: translateX(-320px);
        transform: translateX(-320px);
    }

    #bar-pf-next.open .bar-content ,
    #bar-pf-prev.open .bar-content {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    #bar-copyright {
        bottom: 50px;
        right: 38px;
    }

    #main-app-bar #bar-pf-next:hover .bar-item-label .inside,
    #main-app-bar #bar-pf-next.open .bar-item-label .inside,
    #main-app-bar #bar-pf-prev:hover .bar-item-label .inside,
    #main-app-bar #bar-pf-prev.open .bar-item-label .inside {
        -webkit-transform: translateX(-98px);
        -moz-transform: translateX(-98px);
        -ms-transform: translateX(-98px);
        -o-transform: translateX(-98px);
        transform: translateX(-98px);
    }

    #main-app-bar #bar-mobile-prev:hover,
    #main-app-bar #bar-mobile-prev.open,
    #main-app-bar #bar-mobile-next:hover,
    #main-app-bar #bar-mobile-next.open,
    #main-app-bar #bar-mobile-zoom:hover,
    #main-app-bar #bar-mobile-zoom.open,
    #main-app-bar #bar-video-play:hover,
    #main-app-bar #bar-video-play.open,
    #main-app-bar #bar-video-mute:hover,
    #main-app-bar #bar-video-mute.open{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    /** footer bar */

    #footer-bar {
        height: 50px;
    }

    #footer-bar .footer-bar-item {
        line-height: 50px;
        width: 50px;
    }

    #back-to-top .bar-label {
        top: 49px;
    }

    #footer-social .bar-item-icon {
        width: 50px;
    }

    #footer-social .dots-wrap {
        height: 50px;
        width: 50px;
    }

    #footer-social .dots-wrap .dot {
        height: 3px;
        width: 3px;
    }

    #footer-social .dot-one {
        left: 19px;
        top: 24px;
    }

    #footer-social:hover .dot-one, #footer-social.open .dot-one {
        left: 21px;
        top: 24px;
    }

    #footer-social .dot-two {
        left: 28px;
        top: 20px;
    }

    #footer-social:hover .dot-two, #footer-social.open .dot-two {
        left: 27px;
        top: 21px;
    }

    #footer-social .dot-three {
        left: 28px;
        top: 29px;
    }

    #footer-social:hover .dot-three, #footer-social.open .dot-three {
        left: 27px;
        top: 28px;
    }

    #footer-social .social-icons {
        left: 50px;
        padding-right: 10px;
    }

    #footer-social li {
        font-size: 12px;
        height: 50px;
        width: 30px;
    }

    #footer-social .social-icons a {
        height: 50px;
        width: 30px;
    }

    .social-icons a:hover:after {
        height: 40px;
    }

    .social-icons a:before {
        line-height: 50px;
    }

    .social-icons .soc-label {
        font-size: 11px;
        height: 30px;
        left: 15px;
        letter-spacing: 2px;
        line-height: 6px;
    }

   /* #footer-bar #footer-audio{
        display: block;
    }*/

    /** menu */

    #menu-wrap.animate-menu .logo-wrap:after,
    #menu-wrap.animate-menu-out .logo-wrap:after,
    #menu-wrap.animate-menu:after,
    #menu-wrap.animate-menu-out:before,
    #menu-wrap.animate-menu.initial-animate-done:before,
    #menu-wrap.animate-menu-out:after,
    #menu-wrap .menu > li.menuItemPlay,
    #menu-wrap .menu > li.menuItemPlayOut,
    .animate-menu .logo,
    .animate-menu-out .logo,
    .animate-menu #main-menu-toggle:after{
        visibility: visible;
        -webkit-animation-name: none;
        animation-name: none;
    }

    #menu-wrap,
    #main-menu-toggle,
    .menu-animation-on #main-menu-toggle,
    .menu-animation-on #menu-wrap{
        visibility: visible;
    }

    #main-menu-toggle {
        background: none repeat scroll 0 0 #000;
        bottom: -50px;
        height: 50px;
        left: 0;
        margin-bottom: 0;
        position: absolute;
        top: auto;
        width: 50px;
    }

    #main-menu-toggle.on{
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background: #000;
    }

    #main-menu-toggle .btn-wrap {
        height: 22px;
        width: 25px;
    }

    #menu-wrap.transparent_bg #main-menu-toggle .btn-wrap {
        opacity: 1;
    }

    #menu-wrap{
        height: auto;
    }

    #menu-wrap{
        left: 0;
        overflow: visible;
        width: 320px;
        z-index: 10000;
    }

    #menu-wrap.visible-menu{
        overflow-y: scroll;
        height: 100%;
    }

    #menu-wrap ul {
        overflow-x: hidden;
    }

    .menu-wrap-b .menu li:hover > ul {
        display: block;
    }

    .logo {
        top: 0;
        margin-left: 90px;
    }

    .menu-wrap-b .menu ul {
        left: 0;
        margin-top: 15px;
        position: relative;
    }

    .menu-wrap-b .menu ul ul{
        left: 0;
        position: relative;
    }

    #menu-wrap .menu-wrap-b li {
        padding: 15px 0;
    }

    #menu-wrap .menu-wrap-b li li{
        padding: 15px 0;
    }

    #menu-wrap .menu-wrap-b ul li:last-child {
        margin-bottom: 0;
    }

    #menu-wrap .menu-wrap-b ul {
        padding: 0;
    }

    #menu-wrap .menu-wrap-b ul a {
        font-size: 14px;
        line-height: 1em;
        padding-left: 15px;
        letter-spacing: 2px;
    }

    #menu-wrap .menu-wrap-b ul ul a{
        padding-left: 30px;
    }

    #menu-wrap .menu-wrap-b ul ul ul a{
        padding-left: 45px;
    }

    #menu-wrap .logo-wrap .logo {
        height: 76px;
    }

    #menu-wrap .logo {
        padding: 10px 30px 10px;
    }

    #menu-wrap .menu-item-has-children:hover{
        padding-bottom: 0;
    }

    .menu-item-has-children > a{
        position: relative;
    }

    .menu-item-has-children > a:before {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border: 5px solid;
        right: -15px;
        border-color: transparent transparent transparent #fff;
    }

    .menu-item-has-children:hover > a:before {
        border-color: #fff transparent transparent transparent;
    }

    #menu-wrap {
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
    }

    #menu-wrap.visible-menu,
    #menu-wrap.visible-menu ul,
    #menu-wrap.visible-menu li{
        overflow-x: hidden;
    }

    #menu-wrap.visible-menu li,
    #menu-wrap.visible-menu a,
    .menu-animation-on #menu-wrap.visible-menu li,
    .menu-animation-on #menu-wrap.visible-menu a{
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    #menu-wrap li a:after{
        display: none;
    }

    #menu-wrap li{
        border-top: 1px solid rgba(255,255,255,0.3);
    }

    /** footer */

    .paging-navigation{
        padding: 0 20px;
    }

    .pagination {
        margin: 20px 0;
    }

    #footer-widgets {
        padding: 10px 0;
    }

    .bottom-pad #page-footer {
        padding: 0 0 50px;
    }

    /** page title */

    #page-title h1 {
        font-size: 16px;
        line-height: 20px;
    }

    #page-title {
        height: 50px;
        left: 65px;
        line-height: 50px;
        padding-left: 20px;
        top: 0;
    }

    #pf-inner-gallery {
        margin-right: 0;
    }

    /** hover slider */

    #gallery-list-bg{

    }

    #gallery-list-bg .gallery-list-item{
        margin: 0 0 0 10px;
    }

    .gallery-list-item {
        margin: 10px;
        width: 100%;
    }

    .gallery-list-item a {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 0;
    }

    .gallery-list-item .gallery-count {
        border-radius: 0;
        font-size: 12px;
        font-weight: 300;
        opacity: 1;
        position: relative;
        right: -5px;
        text-transform: none;
    }

    /** new metro */

    .home-metro-small{
        display: none;
    }

    .home-metro-big {
        float: none;
        height: 250px;
        width: 100%;
    }

    .home-metro-big .gallery-info {
        bottom: auto;
        padding: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .home-metro-row .gallery-title {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.3em;
    }

    /** video list */

    .video-row {
        padding: 0;
    }

    .video-text h3 .text-wrap {
        margin-left: 0;
        font-size: 20px;
    }

    .video-text h3:before {
        display: none;
    }

    .video-row .video-text {
        margin: 80px 0;
    }

    /** home pages */

    .home-image-title {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.2em;
        line-height: 1.3em;
        margin: 20px auto 10px;
        text-transform: uppercase;
        top: 80px;
        width: 80%;
    }

    .home-image-content {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 1.3em;
        width: 80%;
    }

    /** calendar */

    body.page-template-page-calendar-php #content-wrap {
        margin-top: 0;
        padding: 0 20px;
    }

    .wp-availability-month table {
        font-size: 14px;
        font-weight: 500;
    }

    .wp-availability .wp-availability-month table thead th {
        font-size: 14px;
        font-weight: 400;
        line-height: 90px;
    }

    .wp-availability .wp-availability-month table,
    .wp-availability .owl-item {
        width: 400px;
        height: 400px;
    }

    #calendar .owl-next,
    #calendar .owl-prev {
        padding: 0 5px;
    }

    .owl-carousel.owl-theme .owl-buttons .owl-prev,
    .owl-carousel.owl-theme .owl-buttons .owl-next {
        font-size:38px;
        width: 60px;
    }

    #calendar .owl-next:before,
    #calendar .owl-prev:before {
        font-size: 20px;
        line-height: 90px;
    }

    /** pages */

    body.page-template-default #content-wrap {
        padding: 0;
    }

    body.page-template-default #content-wrap,
    body.page-template-page-calendar-php #content-wrap {
        margin-bottom: 0;
    }

    .post-inside h1,
    .post-inside h2,
    .post-inside h3,
    .post-inside h4,
    .post-inside h5,
    .post-inside h6,
    .woocommerce h1,
    .woocommerce h2,
    .woocommerce h3,
    .woocommerce h4,
    .woocommerce h5,
    .woocommerce h6,
    .woocommerce-page h1,
    .woocommerce-page h2,
    .woocommerce-page h3,
    .woocommerce-page h4,
    .woocommerce-page h5,
    .woocommerce-page h6,
    .woocommerce div.product .product_title,
    .woocommerce-page div.product .product_title,
    .woocommerce #content div.product .product_title,
    .woocommerce-page #content div.product .product_title{
        font-size: 1.5em;
        line-height: 1.2em;
        font-weight: 600;
        letter-spacing:.15em;
    }

    .page .post-inside {
        padding-top: 0;
    }

    .page .post-inside article {
        margin: 0;
        padding: 20px 10px;
    }

    /** shortcodes */

    .testimonials-thumbs{
        display: none;
    }

    .testimonials-item {
        padding: 20px;
    }

    .owl-carousel.owl-theme .owl-buttons .owl-prev,
    .owl-carousel.owl-theme .owl-buttons .owl-next {
        height: 80px;
        width: 40px;
    }

    .owl-carousel.owl-theme .owl-buttons .owl-prev:before,
    .owl-carousel.owl-theme .owl-buttons .owl-next:before {
        font-size: 60px;
        line-height: 80px;
    }

    .owl-carousel.owl-theme.clients .owl-buttons .owl-prev,
    .owl-carousel.owl-theme.testimonials .owl-buttons .owl-prev,
    .owl-carousel.owl-theme.clients .owl-buttons .owl-next,
    .owl-carousel.owl-theme.testimonials .owl-buttons .owl-next {
        height: 80px;
        width: 140px;
    }

    .testimonials .owl-controls {
        height: 80px;
        top: auto;
    }

    .clients-wrap {
        margin: 0;
    }

    .clients.owl-carousel{
        margin-bottom: 90px;
    }

    .clients .owl-controls {
        bottom: 0;
        height: 0;
        position: relative;
        width: 100%;
    }

    .clients .owl-buttons {
        height: 0;
        left: 0;
        position: relative;
        width: 100%;
    }

    .owl-carousel.testimonials .owl-item {
        padding-bottom: 50px;
    }

    .client-item img{
        margin: 0 auto;
    }

    /** woo */

    .woocommerce .container {
        padding-left: 0;
        padding-right: 0;
    }

    #woo-content{
        padding-right: 0;
        padding-left: 0;
    }

    .woocommerce .woocommerce-breadcrumb,
    .woocommerce-page .woocommerce-breadcrumb {
        left: 86px;
        top: 50px;
    }

    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.images,
    .woocommerce-page #content div.product div.images {
        float: none;
        width: 100%;
    }

    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary,
    .woocommerce #content div.product div.summary,
    .woocommerce-page #content div.product div.summary {
        float: none;
        width: 100%;
        padding: 30px;
    }

    .woocommerce.columns-2 ul.products li.product,
    .woocommerce-page.columns-2 ul.products li.product {
        width: 100%;
    }

    .woocommerce div.product form.cart .variations td,
    .woocommerce-page div.product form.cart .variations td,
    .woocommerce #content div.product form.cart .variations td,
    .woocommerce-page #content div.product form.cart .variations td {
        width: 70%;
    }

    .woocommerce div.product form.cart .variations td.var-label,
    .woocommerce-page div.product form.cart .variations td.var-label,
    .woocommerce #content div.product form.cart .variations td.var-label,
    .woocommerce-page #content div.product form.cart .variations td.var-label {
        width: 30%;
    }

    .woocommerce div.product .woocommerce-tabs,
    .woocommerce-page div.product .woocommerce-tabs,
    .woocommerce #content div.product .woocommerce-tabs,
    .woocommerce-page #content div.product .woocommerce-tabs {
        padding: 0;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li,
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li,
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
        display: block;
        text-align: center;
    }

    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce-page div.product .woocommerce-tabs .panel,
    .woocommerce #content div.product .woocommerce-tabs .panel,
    .woocommerce-page #content div.product .woocommerce-tabs .panel {
        padding: 20px 0 0;
    }

    .comment-form {
        padding: 0;
    }

    .comment-form-author > input, .comment-form-email > input, .comment-form-url > input {
        margin-left: 0;
        width: 100%;
    }

    .woocommerce #review_form #respond textarea,
    .woocommerce-page #review_form #respond textarea {
        margin-left: 0;
        width: 100%;
    }

    #commentform label {
        left: 0;
        position: relative;
        width: 100%;
    }

    .woocommerce #review_form #respond p.stars {
        margin-left: 0;
    }

    .woocommerce p.stars a,
    .woocommerce-page p.stars a {
        margin-bottom: 12px;
    }

    #tab-additional_information,
    #tab-reviews,
    #tab-description{
        text-align: center;
    }

    #review_form #respond p.form-submit {
        margin-left: 0;
    }

    .woocommerce #reviews h3, .woocommerce-page #reviews h3 {
        font-size: 12px;
        line-height: 1.2em;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions input {
        margin: 10px 0;
        width: 100%;
    }

    .woocommerce-tabs h2,
    .woocommerce-tabs h3,
    .woocommerce-cart #content-wrap
    .woocommerce h2,
    .woocommerce-cart #content-wrap .woocommerce h3,
    .woocommerce-checkout #content-wrap .woocommerce h2,
    .woocommerce-checkout #content-wrap .woocommerce h3,
    .woocommerce-account #content-wrap .woocommerce h2,
    .woocommerce-account #content-wrap .woocommerce h3,
    #comments-wrap h3,
    #comments-wrap h2 {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 1.3em;
    }

    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2{
        float: none;
        width: 100%;
    }

    #bar-woocart .bar-content {
        /*max-height: 320px;*/
    }

    .gallery-list-item-inside .gallery-title {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        font-size: 20px;
        margin-top: 12px;
        text-align: center;
        min-height: auto;
    }

    .gallery-list-item-inside .count-wrap {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: auto;
        height: 60px;
    }

    /** single posts */

    .single-meta {
        left: 0;
        min-height: auto;
        position: relative;
        top: 0;
    }

    .single-post .header-pad, .single-post article.post .entry-content {
        margin-left: 0;
        border-left: none;
    }

    .sidebar-right .post-wrap {
        padding-right: 0;
    }

    .sidebar-left .post-wrap {
        padding-left: 0;
    }

    #secondary{
        margin-top: 30px;
    }

    #page-title{
        border-left: none;
    }

    #content-wrap {
        margin-top: 50px;
    }

    #comments-wrap {
        margin: 30px 0;
    }

    #comments-wrap .comment-form-author,
    #comments-wrap .comment-form-email,
    #comments-wrap .comment-form-url {
        display: block;
        float: none;
        margin-right: 0;
        width: 100%;
    }

    #comments-wrap #comments h2 {
        margin-bottom: 20px;
        padding-left: 20px;
    }

    .comment-list .children {
        margin: 10px 0 10px 10px;
        padding-left: 10px;
    }

    .featured-content {
        left: 30px;
        top: calc(100% - 80px);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        z-index: 2;
    }

    .featured-content h1,
    .page .featured-content h1 {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 7px;
        line-height: 1.3em;
    }

    .link-wrap {
        line-height: 1.1em;
        padding-left: 15px;
        padding-right: 8px;
    }

    .link-wrap:before {
        line-height: 60px;
    }

    .link-wrap a {
        line-height: 1.1em;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    /** 404 */

    .error404 #main-wrapper{
        height: auto!important;
    }

    .password-window {
        font-size: 1em;
        font-weight: 500;
        height: auto;
        padding: 0 0 80px;
        position: relative;
        top: 80px;
        width: 90%;
    }

    .pass-left {
        text-align: center;
    }
    .pass-right, .pass-left {
        padding: 10px;
    }

    .pass-right {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.2em;
        text-align: center;
    }

    .password-window #s {
        width: 180px;
    }

    .pass-left .password-icon {
        font-size: 80px;
    }

    .page-template-default .content-pad{
        padding-bottom: 90px;
    }

    #contact-form-wrap {
        margin-bottom: 50px;
    }

    .gallery-info {
        bottom: auto;
        left: 0;
        margin: auto;
        padding: 30px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
    }

    .gallery-info:after{
        display: none;
    }

    #gallery-list-scroll-horizontal .gallery-title {
        padding: 0;
        width: auto;
    }

    #gallery-list-scroll-horizontal .gallery-title h2{
        color: #fff;
    }

    #popup-window,
    .popup-bg{
        display: none;
    }

}

@media (max-width: 768px) and (max-height: 360px){
    .single-photogallery #main-app-bar #bar-cart,
    .single-photogallery #main-app-bar #bar-share,
    .single-portfolio.video-portfolio #main-app-bar #bar-share,
    .single-portfolio.video-portfolio #main-app-bar #bar-about{
        display: none!important;
    }

    .app-bar-item .bar-content {
        max-height: 260px;
    }
}

@media (min-width:768px)
{
	#sweet{
		font-size:32px;
		}
	#main-app-bar .app-bar-item i.cheeck{
	    font-size:14px;
	}
	#footer-copyright p{
		letter-spacing:2px;
		}
		}
		
@media (max-width:767px){
	#bar-copyright2{
		display:none;
		}
	#sweet{
		font-size:22px;
		}
	#main-app-bar .app-bar-item i.cheeck{
	    font-size:14px;
	}
	
	 #main-app-bar.layout-right.shown.filled #footer-bar.filled #toggle-sidebar{
		 color:#333;}
      
	 #footer-copyright p{
		letter-spacing:2px;
		}
	}
@media (min-width:480px)
{
	#contacts-popup{
		right:52px;
		}
}
@media (min-width:320px) and (max-width:767px)
{
	.contacts-title{
		width:100%;
		text-align:left;
		}
	.contacts-txt{
		width:100%;
		}
	}
@media (min-width:320px) and (max-width:395px)
{
	#get
	{
		font-size: 13px;
        margin-left: -47px;
	}
    
	#contacts-popup{
		width:71%;
		right:50px;
		}
}

@media (min-width:396px) and (max-width:414px)
{
	#get{
		margin-left:-30px;
		}
}
@media (min-width:768px) and (max-width:1279px)
{
	#contacts-popup{
		right:60px;
		}
}
@media (min-width:1600px)
{
	#contacts-popup{
		right:62px;
		}
}
@media (min-width:320px) and (max-width:359px)
{
	.footer-copyright{
		font-size:8px;
		}
} 
@media (min-width:768px) and (max-width:1024px)
{
	#res{
		background-position:center;
		}
}
@media (max-width:767px)
{
   #footer-bar #footer-audio{
		display:none;
		}
}
@media (min-width:768px)
{
	#footer-bar #footer-audio{
		display:block;
		}
}
@media (min-width:320px) and (max-width:359px)
{
	#mail{
		font-size:11px;
		}
	
	}