@media screen and (max-width: 1260px) {
  {}
  #navigation .inside li > a {
    padding: 0 17px;
  }
  #header-bottom .moduletable.logo {
    width: 28%;
  }
}
@media screen and (max-width: 1300px) {
    {}
    #left-right-bar #left-d-bar {
        width: 28%;
        margin-right: 20px;
    }
}
@media screen and (max-width: 1250px) {
    {}
    .moduletable.about-me .right-about {
        padding: 1%;
        width: 66%;
        padding-right: 0;
    }
    .row-body .inside-body,
    .row-body.row-body2 .inside-body {
        width: 60%;
    }
    .page-104 #main-content .work-page .inside,
    .page-136 #main-content .work-page .inside {
        text-align: center;
    }
    .wp-4 .row-body .inside-body {
        width: 54%;
    }
    .page-104 #main-content .work-page .inside > div,
    .page-136 #main-content .work-page .inside > div{
        text-align: left;
    }
    .wp-4 .row-body.list .digit {
        margin-bottom: 20px;
    }
    .wp-3 .digit2 {
        width: 500px;
    }
    .row-body.row-body2 .inside-image {
        width: 39%;
    }
}
@media screen and (max-width: 1200px) {
    {}
    #blog-single-page #full-text,
    #mod-test #full-text {
        width: 70%;
    }
    #form-blog {
        width: 290px;
    }
    #form-test-wrapper > #test-body {
        margin-left: 20px;
    }
    .row-body .inside-body, .row-body.row-body2 .inside-body {
        width: 54%;
    }
    .row-body .inside-body p {
        padding-right: 20px;
    }
    .row-body3 {
        margin-top: 0;
    }
    .row-body.list li {
        font-size: 16px;
    }
    .row-body4 .inside-image {
        margin-left: 0;
    }
    .wp-1, .wp-2, .wp-3, .wp-4 {
        background: none;
        padding-top: 20px;
        margin-top: 20px;
        border-top: 8px solid #E3DEDA
    }
    .row-body5 .digit {
        margin-left: 0;
    }
    .wp-4 .row-body .inside-image {
        margin-left: 0;
    }
    .wp-3 .etap-text .etap-text {
        width: 100%;
    }
    .wp-3 .etap-text {
        width: 80%;
    }
    .wp-3 {
        padding-bottom: 30px;
    }
    .wp-2 .etap-text .inside-body {
        width: 50%;
    }
    .wp-2 .etap-text {
        width: 81%;
    }
    #navigation  .nav-icon {
        display: inline-block;
    }
    #navigation ul.menu {
        display: none;
    }
    #float-nav  {
        display: block;
    }
    #left-right-bar #left-d-bar {
        width: 27%;
        margin-right: 2%;
    }
    #left-right-bar #right-d-bar {
        width: 70%;
    }
    #category-right {
        width: 68%;
    }
    #category-left {
        width: 30%;
    }
    .left-bnr .soc a {
        margin: 0 3px;
    }
    #additional-images {
        position: static;
        margin-top: 15px;
    }
    
    #additional-images li {
        display: inline-block;
        vertical-align: top;
    }
    #list-of-articles-from-cat li {
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
    }
    #list-of-articles-from-cat li > a div.img {
        width: 100%;
    }
    .wp-4 .digit {
        margin-left: 10px;
    }
    #blog-slider .itemPrev {
        left: 10%
    }
    #blog-slider .itemNext {
        right:10%
    }
}
@media screen and (max-width: 1050px) {
    {}
    #form-test-wrapper > #test-body {
        background: none;
    }
    #form-test-wrapper > #test-body {
        width: 350px;
        margin-left: 0;
    }
    #mod-test {
        background-image: url(../images/opacity.png), url(../images/opacity.png), url(../images/opacity.png), url("../images/zodiac_circle.png");
        background-position: center, center, center, center 60px;
        background-repeat: repeat, repeat, repeat, no-repeat;
    }
    #blog-single-page #full-text,
    #mod-test #full-text {
        width: 67%;
    }
    .benefits ul li.left .b-image, .benefits ul li.right .b-image {
        width: 150px;
    }
    #footer-2 {
        width: 13%;
    }
    .benefits ul li.left .b-text {
        margin-left: 12px;
    }
    .benefits ul li.right .b-text {
        margin-right: 12px;
    }
    .benefits ul {
        max-width: 100%;
    }
    .gallery .title.detail p {
        font-size: 16px;
    }
}
@media screen and (max-width: 1000px) {
    {}
    #extra-menu.extra-menu-block {
        display: block;
    }
    #blog-single-page #full-text,
    #mod-test #full-text {
        width: 80%;
        margin-left: 10%;
    }
    #form-blog.fixed, #form-blog {
        position: static !important;
        margin-top: 0 !important;
        margin: 20px auto !important;
        float: none !important;
        width: 350px !important;
        display: block !important;
        
    }
    #images-list li {
        width: 20%;
    }
    .etap-text h4 {
        margin-left: 20px;
    }
    .wp-4 .etap-text {
        width: 70%;
    }
    .wp-2 .etap-text {
        width: 76%;
    }
    .wp-3 .etap-text {
        width: 70%;
    }
    .row-body .inside-body, .row-body.row-body2 .inside-body {
        width: 53%;
    }
    .row-body .inside-image {
        width: 42%;
    }
    .moduletable.about-me .left-about {
        margin-right: 2%;
        width: 29%;
    }
    .digit {
        margin-left: 0;
    }
    .gallery .title.detail {
        margin-top: 50px;
        text-align: center;
    }
    .gallery .title.detail .inline {
        display: block;
        margin-bottom: 10px;
    }
    .gallery .title.detail a {float: none;}
    #main-content.with-left-bar #left-sidebar {
        width: 28%;
        margin-right: 2%;
        margin-top: 15px;
    }
    #f-4 .header {
        font-size: 28px;
    }
    .catalog > li > a + ul {
        box-sizing: border-box;
        max-width: 100%;
        text-align: center;
    }
    #main-content.with-left-bar #main {
        width: 70%;
    }
     
    #header-bottom > .inside {
        text-align: center;
    }
    #header-bottom > .inside > div.prod-search,#header-bottom .moduletable.info {
        width: 50%;
        
    }
    .prod-search .inputbox {
        width: 320px;
    }
    #header-bottom .custom.info {
        float: none;
        display: inline-block;
    }
    div.k2SearchBlock {
        display: inline-block;
        max-width: 100%;
    }
    .gallery .rw .item .image .detail {
        display: none;
    }
    #services .row-2 > div:nth-child(2) {
        margin-left: 2%;
    }
    #services .row-2 > div {
        width: 49%;
    }
    #header .prod-search {
        display: none;
    }
    #header-bottom .moduletable.logo {
        width: 48%;
    }
    
    #category-right {
        width: 100%;
        float: none;
    }
    .left-bnr {
        display: none;
    }
    .last-in-blog.top .level0 {
        text-align: right;
    }
    .last-in-blog.top .level0 > li li {
        display: inline-block;
        vertical-align: middle;
        margin: 8px 0px 0px 20px;
        padding: 4px 8px;
        border-radius: 5px;
        background: #8eb2c4  ;
    }
    .last-in-blog.top .level0 ul {
        padding: 0;
    }
    .last-in-blog.bottom {
        display: none;
    }
    .last-in-blog.top {
        display: block;
    }
    .last-in-blog.top .level0 > li li a {
        color: #fff;
    }
    #category-left {
        width: 100%;
        float: none;
    }
    #extra-form-4-1 ul, #extra-form-4-2 ul {
        width: 100%;
        text-align: center;
         
        
    }
    #extra-form-4-1, #extra-form-4-2{
        padding: 20px 2%;
        background: #e3deda ;
    }
    #extra-form-4-1 li, #extra-form-4-2 li {
        width: 30%;
        padding: 1%;
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }
    #extra-form-4-1 input {
        height: 34px;
    }
    #extra-form-4-1 input, #extra-form-4-1 button {
        margin-bottom: 8px;
        vertical-align: top;
        display: inline-block;
        margin-top: 0;
    }
    #extra-form-4-1 li, #extra-form-4-2 li {
        font-size: 16px;
        text-align: left;
    }
    #list-of-articles-from-cat li > a div.img {
        margin-bottom: 10px;
        height: 180px;
    }
    #footer-1 {
        display: none;
    }
    #footer-2 {
        width: 16%;
    }
    #footer-3 {
        width: 41%;
    }
    #footer-4 {
        width: 34%;
    }
    .before-anim .img {
        height: 240px;
    }
    #book-form-2-1 p {
        font-size: 20px;
    }
    #can-order {
        padding: 20px 10px;
    }
    .benefits ul li .b-text p {
        font-size: 22px;
        line-height: 24px;
    }
    .benefits ul li.left .b-text,
    .benefits ul li.right .b-text {
        width: 440px;
    }
    #main-content.with-right-bar #main {
        width: 70%;
    }
    #main-content.with-right-bar #right-sidebar {
        width: 28%;
    }
    .benefits ul li.left .b-image, .benefits ul li.right .b-image {
        width: 130px;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media screen and (max-width: 900px) {
    {}
    #form-test-wrapper > #test-body {
        display: none;
    }
    #form-test-wrapper > div {
        display: block;
    }
    #mod-test h3 {
        font-size: 22px;
    }
    #form-test-wrapper #form-test {
        position: static;
    }
    #form-test-wrapper #form-test #test-body {
        display: block;
        margin: 20px auto;
    }
    #blog-single-page #full-text,
    #mod-test #full-text {
        width: 96%;
        margin-left: 7%;
    }
    .row-body.list ul {
        margin-left: 0px;
    }
    #main-content.with-right-bar #main {
        width: 100%;
        
    }
    #about-top {
        padding-left: 30px;
        padding-right: 30px;
    }
    #main-content.with-right-bar #right-sidebar {
        width: 100%;
        margin-left: 0;
    }
    #f3, #f32 {
        width: 500px;
        max-width: 100%;
        margin: 20px auto;
    }
    #right-sidebar #soc li {
        width: 50px;
    }
    #list-of-articles-from-cat li {
        width: 32.3%;
        margin-left: .5%;
        margin-right: .5%;
    }
    #right-sidebar #wrapp-li- {
        text-align: center;
    }
    #right-sidebar .blog-image {
        width: 100%;
        text-align: center;
    }
    #right-sidebar .liOuter-1 {
        width: 48%;
        margin: 5px 0.5%;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }
    #extra-form-2-1 .header h3 strong, #extra-form-2-2 .header h3 strong {
        display: block;
    }
}
@media screen and (max-width: 850px) {
    {}
    #form-test #test-header h3 {
        font-size: 77px;
    }
    #form-test #test-header p {
        font-size: 20px;
    }
    #form-test-wrapper #form-test {
        width: auto;
    }
    #form-test #test-header {
        padding-bottom: 56px;
    }
    #blog-slider .itemPrev {
        left: 2%;
        margin-top: -100px;
        background: rgba(255,255,255,0.5);
    }
    #blog-slider .itemNext {
        right: 2%;
        margin-top: -100px;
        background: rgba(255,255,255,0.5);
    }
    #images-list li {
        width: 25%;
    }
    .catalog > li > a {
        display: none;
    }
    #main-content.with-left-bar #left-sidebar {
        width: 100%;
        margin-right: 0;
    }
    .catalog > li > a + ul li {
        display: inline-block;
        margin: 4px 6px;
        border-radius: 5px;
        background: none;
        
    }
    
    .catalog > li > a + ul li a {
        border: none;
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: 2px solid transparent;
        color: #222;
        font-family: "Roboto-Light";
        font-size: 14px;
        font-weight: normal;
        padding: 3px 0;
        text-decoration: none;
    }
    
    .catalog > li > a + ul li a:hover {
        border-color: #8eb2c4;
        color: #8eb2c4;
    }
    .catalog > li > a + ul {
        width: auto;
        text-align: center;
    }
    #main-content.with-left-bar #main {
        width: 100%;
    }
    #extra-form-4-1 li, #extra-form-4-2 li {
        margin-bottom: 5px;
     
        width: 50%;
      text-align: left;
    }
    #extra-form-4-1 ul {
        margin-bottom: 20px;
        text-align: center;
    }
    #blog-top-bar h2 {
        margin-bottom: 15px;
    }
    #category.search #category-right #itemListLeading > div {
        width: 49%;
    }
    .before-anim .img {
        height: 270px;
    }
    .wp-3 .digit2 {
        margin-left: 0;
        margin-top: 15px;
        width: auto;
    }
}
@media screen and (max-width: 800px) {
    {}
    #blog-single-page #full-text,
    #mod-test #full-text {
        width: 90%;
        margin-left: 5%;
    }
    .etap-text {
        width: 70%;
    }
    .row-body .inside-image {
        width: 100%;
        text-align: center;
        display: block;
    }
    .wp-2 .etap-text .inside-body {
        width: auto;
    }
    .wp-2 .etap-text {
        width: 74%;
    }
    .row-body4 .digit {
        margin-bottom: 40px;
    }
    .row-body5 {
        margin-top: 0;
    }
    .row-body .inside-body,
    .wp-4 .row-body .inside-body,
    .row-body .inside-body, .row-body.row-body2 .inside-body,
    .row-body.row-body2 .inside-image{
        width: 100%;
        margin: 0;
    }
    .moduletable.about-me .left-about
     {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }
    .moduletable.about-me .right-about {
        padding: 1%;
        width: 98%;
        margin-top: 1%;
        text-align: center;
        border:none;
        border-top: 3px solid #8eb2c4;
    }
    #footer-2 {
        display: none;
    }
    #footer-3, #footer-4 {
        width: 49%;
    }
    #additional-images li {
        width: 19%;
    }
    #blog-top-bar h2 {
        font-size: 26px;
        line-height: 28px;
    }
    .before-anim .img {
        height: 200px;
    }
    .fb_iframe_widget,
    .fb-comments.fb_iframe_widget iframe,
    .fb_iframe_widget > span {
        max-width: 100%;
        display: block !important;
    }
    .gallery #poster {
        background-position: center 0;
        background-size: 240% auto;
    }
}
@media screen and (max-width: 700px) {
    {}
    #extra-form-4-1 li, #extra-form-4-2 li {
        width: 70%;
     }
    .etap-text {
        width: 66%;
    }
    .wp-2 .etap-text {
        width: 68%;
    }
    .extra-servises .title {
        font-size: 30px;
        background-image: url("../images/extratitle.png");
    }
    .moduletable.about-me .right-about h4 {
        font-size: 40px;
    }
    .moduletable.about-me .right-about p {
        font-size: 16px;
    }
    .moduletable.about-me {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 850px) and (min-width: 600px) {
    {}
    #extra-form-4-1 input {
        width: 245px;
    }
    .gallery .rw .item:nth-child(4) {
        display: none;
    }
    .gallery .rw .item:nth-child(2), .gallery .rw .item:nth-child(3) {
        width: 50%;
    }
    
}
@media screen and (max-width: 660px) {
    {}
    #popup-2 .p-form-title h4 {
        font-size: 22px;
    }
    #popup-2 .p-form-title img {
        display: none;
    }
    #popup-2 .list h3 {
        font-size: 30px;
    }
    
    #popup-2 .p-form-title h4,
    #popup-2 .p-form-title p {
        text-align: center;
    }
    #popup-1 .form-inner,
    #popup-2 .form-inner {
        max-width: 100%;
        padding:  0;
    }
    #popup-1 input,
    #popup-2 input {
        display: block;
        margin: 5px auto;
    }
    #popup-2 .list {
        text-align: center;
    }
    #popup-1 .p-form-title {
        text-align: center;
        padding: 20px;
    }
    #popup-1 .form-inner, #popup-2 .form-inner {
        height: auto;
    }
    #popup-1 ul {
        margin-left: 30px;
    }
    #popup-1 .p-form-title h4 {
        font-size: 24px;
    }
}
@media screen and (max-width: 606px) {
    #category.search #category-right #itemListLeading > div {
        width: 49% !important;
    }
    
}
@media screen and (max-width: 650px) {
    {}
    
    #blog-single-page #full-text,
    #mod-test #full-text {
        width: 100%;
        margin-left: 0%;
    }
    #can-order li {
        width: 49%;
        margin-bottom: 18px;
    }
    #contect-form {
        box-sizing: border-box;
        max-width: 98%;
    }
    .footer-btn a {
        margin: 5px;
    }
    .footer-btn {
        height: auto;
    }
    #footer-3, #footer-4 {
        width: 100%;
        float: none;
        text-align: center;
    }
    #footer-3-1,#footer-3-2 {
        margin-right: 0;
    }
    #footer-4 {
        margin-top: 15px;
    }
    #footer-4 h3, #footer-4 p {
        text-align: center;
    }
    .benefits ul li.left .b-image,
    .benefits ul li.right .b-image {
        border: none;
        display: block;
        margin: 5px auto;
    }
    .benefits ul li.left .b-text,
    .benefits ul li.right .b-text {
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-right: 0;
    }
    .benefits ul li.right .b-image.top {
        display: block;
    }
    .benefits ul li.right .b-image.bottom {
        display: none;
    }
    
}
@media screen and (max-width: 600px) {
    {}
    #form-test #test-header {
        background-position: center bottom;
        padding-right: 0;
    }
    #form-test #test-header h3 {
        font-size: 69px;
    }
    #form-test #test-header p {
        font-size: 16px;
    }
    #images-list li {
        width: 33.3%;
    }
    .etap-text p {
        margin-left: 0;
    }
    .etap-text h4 {
        margin-left: 0;
        font-size: 32px;
    }
    .extra-servises .list ul li .text p span {
        font-size: 14px;
    }
    .digit {
        margin-left: 0 !important;
    }
    .etap-number {
        margin: 10px auto;
        display: block;
    }
    .etap-text {
        width: 100% !important;
    }
    #left-right-bar #left-d-bar {
        width: 80%;
        margin: 10px 10%;
    }
    #left-right-bar #right-d-bar {
        width: 100%;
    }
    #additional-images li {
        width: 19%;
    }#additional-images li .img {
        height: 80px;
    }
    
    #header-bottom .moduletable.logo {
        width: 100%;
    }
    #header-bottom .moduletable.info {
        width: 100%;
    }
    .gallery .rw .item {
        width: 100%;
    }
    #services .row-2 > div {
        width: 100%;
        margin-bottom: 30px;
    }
    #services .row-2 > div:nth-child(2) {
        margin-left: 0%;
    }
    #extra-form-4-1 input {
        width: 96%;
        box-sizing: border-box;
    }
    #extra-form-4-1 button {
        width: 96%;
        box-sizing: border-box;
    }
    #list-of-articles-from-cat li {
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
    }
    .more-from-cat span {
        display: block;
    }
    .g-recaptcha > div,.g-recaptcha > div iframe {
        max-width: 100%;
    }
    #contect-form {
        max-width: 100%;
    }
    #contect-form input, #contect-form textarea {
        max-width: 100%;
        box-sizing: border-box;
    }
    
}
@media screen and (max-width: 560px) {
    {}
    #extra-form-4-1 li, #extra-form-4-2 li {
        width: 80%;
     }
    #form-test #test-header p {
        width: 100%;
        text-align: center;
    }
    #form-test #test-body {
        width: 340px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #form-test #test-header h3 {
        font-size: 50px;
        text-align: center;
    }
     
    #consultation input[type="text"] {
        box-sizing: border-box;
        max-width: 92%;
    }
    #extra-menu li a {
        font-size: 12px;
    }
    #comments::after {
        display: none;
    }
    #comments h3 {
        padding: 15px 5px;
    }
    #comments .slick-active .comment {
        border:none
    }
    #comments .slick-slide .comment {
        height: auto;
        min-height: 0;
    }
    #comments .slick-next,
    #comments .slick-prev {
        display: none !important;
    }
    #comments > div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .image-middle {
        height: 520px;
    }
    
}
@media screen and (max-width: 500px) {
    {}
    #form-blog.fixed, #form-blog {
        width: 320px !important;
    }
    #extra-form-4-1 li, #extra-form-4-2 li {
        width: 96%;
     }
    .image-middle {
        height: 460px;
    }
    #additional-images li .img {
        height: 70px;
    }
    #category.search #category-right #itemListLeading > div {
        width: 99% !important;
    }
    .mega-entry {
        width: 100% !important;
        
    }
    .benefits h3 {
        line-height: 30px !important;
        background: none;
    }
    #header-top-left p {
        font-size: 16px;
        letter-spacing: -0.6px;
        font-family: "Roboto-Regular";
    }
    #header-top-left {
        display: block;
        text-align: center;
    }
    #header-top-right {
        float: none;
        padding-top: 5px;
        text-align: right;
        display: block;
        text-align: center;
        padding-right: 5px;
    }
    #can-order h3 {
        font-size: 17px !important;
    }
}
@media screen and (max-width: 450px) {
    {}
    #form-test #test-header h3 {
        font-size: 40px;
    }
    #form-test #test-body {
        width: 260px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .image-middle {
        height: 400px;
    }
    #images-list li {
        width: 50%;
    }
    #right-sidebar .liOuter-1 {
        width: 98%;
    }
    #footer-3 {
        margin-bottom: 25px;
    }
    #copyright {
        font-size: 14px;
        font-family: "Roboto-Regular";
    }
    #list-of-articles-from-cat li {
        width: 99%;
        
        margin-left: .5%;
        margin-right: .5%;
    }
    #additional-images li {
        width: 18%;
    }
    .footer-btn a img {
        height: 30px;
    }
    #contect-form input[type="submit"] {
        width: 100%;
        box-sizing: border-box;
    }
    
}
@media screen and (max-width: 400px) {
    {}
    #can-order li { 
        width: 100%;
    }
    #form-blog.fixed, #form-blog {
        width: 290px !important;
    }
}