@media (min-width:1921px) and (max-width:9999px){

}
@media (min-width:1361px) and (max-width:1920px){

}
@media (min-width:1280px) and (max-width:1360px){

}
@media (min-width:1025px) and (max-width:1280px){
.container,.container2 {width: 96%;margin: 0 2%;}

}
@media (min-width:1000px) and (max-width:1024px){
.container,.container2 {width: 96%;margin: 0 2%;}
.header .top-panel .phones,.header .top-panel .adres,.header .top-panel .mail {margin-right: 20px;}
.header .menu-panel .main-menu li a {padding: 21px 10px;}
.fl3 .item {width: 215px;}
.fl6 a {width: 160px;height: 160px;}
.fl7 .post,.category .post {width: 300px;overflow: hidden;}
.footer .block-foo .foo-menu li a {padding: 0px 5px;}
}
@media (min-width:801px) and (max-width:999px){
#page-preloader img {left: 30%;}
.container,.container2 {width: 96%;margin: 0 2%;}
.top-panel .container{width: 100%;margin: 0;}
#nav-icon4 {float: right;top: 13px;right: 15px;width: 60px;height: 45px;position: relative;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon4 span {display: block;position: absolute;height: 5px;width: 100%;background: #FFCC02;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 30px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 39px;left: 8px;}
.main-menu {display:none;width: 100%;margin-left: 0px !important;margin-top: 19px !important;padding: 20px !important;background: rgb(33, 33, 33) !important;}
.main-menu li {display: block !important;padding:0px;border-bottom: 1px solid rgba(255, 255, 255, 0.17);}
.header {height: auto;padding-bottom: 40px;}
.header .container {width: 100%;margin: 0;}
.header .menu-panel {background: #212121;position: absolute;top: 35px;width: 100%;}
.header .top-panel .left,.header .top-panel .right{float: none;}
.header .top-panel {height: auto;position: relative;top: 130px;width: 90%;margin: 0 6%;}
.header .top-panel .login {display: table;}
.header .main-text {margin-top: 160px;}
.header .main-text span {font-size: 36px;font-weight: 700;line-height: 40px;}
.scroll-down {display: none;}
.callbackBtn {display: none;}
.fl2 .col-2 {width: 100%;padding: 0;margin-bottom: 40px;float: none;}
.fl2 .col-2:nth-child(1) .text,.fl2 .col-2:nth-child(2) .text {background: transparent;padding: 14px !important;}
.fl2 .col-2 .panel {height: auto;}
.fl2 .col-2 .panel .text {overflow: hidden;margin: 0;box-sizing: border-box;float: none;}
.fl2 .col-2 .panel .btn {position: inherit;width: 100%;height: 40px;line-height: 40px;padding: 0;}
.fl3 .item {float: none;margin: 0px auto 40px !important;}
.fl4 .col-2 {width: 100%;padding: 0;margin-bottom: 40px;float: none;}
.fl4 .col-2:nth-child(2) {display: none;}
.fl6 a {float: none;margin: 0px auto 40px !important;}
.fl7 .post,.category .post {margin-right: 0;float: none;width:100%;margin-bottom: 40px;}
.fl7 .post:last-child {margin-bottom: 0;}
.fl8 .col-3 {width: 100%;padding: 0;margin-bottom: 40px;float: none;padding-left: 60px !important;}
.fl8 .col-3:nth-child(3) {margin-bottom: 0;}
.footer .block-foo .foo-menu,.footer .block-foo .info {display: none;}
.header .menu-panel .main-menu {height: auto;width: 100%;left: 0px;}
.header .menu-panel .main-menu li a {padding:15px  0;}
.modal_div {width: 90%;margin: 0 5%;left: 0 !important;top: 5% !important;box-sizing: border-box;}
.modal_div .col-2 {width: 100%;padding: 0;margin-bottom: 20px;float: none;}
form#form1 {overflow: auto;height: 300px;}
.callbackBtnModile {display: block !important;position: fixed;bottom: 10px;width: 90%;left: 5%;height: 40px;line-height: 40px;text-align: center;background: #FFCC02;border-radius: 3px;font-size: 16px;border: 1px solid #212121;box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);}
.single .img {width: 100%;max-width: 100%;float: none;padding: 0;margin-bottom: 20px;}
}
@media (min-width:491px) and (max-width:800px){
#page-preloader img {left: 30%;}
.container,.container2 {width: 96%;margin: 0 2%;}
.top-panel .container{width: 100%;margin: 0;}
#nav-icon4 {float: right;top: 13px;right: 15px;width: 60px;height: 45px;position: relative;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon4 span {display: block;position: absolute;height: 5px;width: 100%;background: #FFCC02;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 30px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 39px;left: 8px;}
.main-menu {display:none;width: 100%;margin-left: 0px !important;margin-top: 19px !important;padding: 20px !important;background: rgb(33, 33, 33) !important;}
.main-menu li {display: block !important;padding:0px;border-bottom: 1px solid rgba(255, 255, 255, 0.17);}
.header {height: auto;padding-bottom: 40px;}
.header .container {width: 100%;margin: 0;}
.header .menu-panel {background: #212121;position: absolute;top: 35px;width: 100%;}
.header .top-panel .left,.header .top-panel .right{float: none;}
.header .top-panel {height: auto;position: relative;top: 130px;width: 90%;margin: 0 6%;}
.header .top-panel .login {display: table;}
.header .main-text {margin-top: 160px;}
.header .main-text span {font-size: 36px;font-weight: 700;line-height: 40px;}
.scroll-down {display: none;}
.callbackBtn {display: none;}
.fl2 .col-2 {width: 100%;padding: 0;margin-bottom: 40px;float: none;}
.fl2 .col-2:nth-child(1) .text,.fl2 .col-2:nth-child(2) .text {background: transparent;padding: 14px !important;}
.fl2 .col-2 .panel {height: auto;}
.fl2 .col-2 .panel .text {overflow: hidden;margin: 0;box-sizing: border-box;float: none;}
.fl2 .col-2 .panel .btn {position: inherit;width: 100%;height: 40px;line-height: 40px;padding: 0;}
.fl3 .item {float: none;margin: 0px auto 40px !important;}
.fl4 .col-2 {width: 100%;padding: 0;margin-bottom: 40px;float: none;}
.fl4 .col-2:nth-child(2) {display: none;}
.fl6 a {float: none;margin: 0px auto 40px !important;}
.fl7 .post,.category .post {margin-right: 0;float: none;width:100%;margin-bottom: 40px;}
.fl7 .post:last-child {margin-bottom: 0;}
.fl8 .col-3 {width: 100%;padding: 0;margin-bottom: 40px;float: none;padding-left: 60px !important;}
.fl8 .col-3:nth-child(3) {margin-bottom: 0;}
.footer .block-foo .foo-menu,.footer .block-foo .info {display: none;}
.header .menu-panel .main-menu {height: auto;width: 100%;left: 0px;}
.header .menu-panel .main-menu li a {padding:15px  0;}
.modal_div {width: 90%;margin: 0 5%;left: 0 !important;top: 5% !important;box-sizing: border-box;}
.modal_div .col-2 {width: 100%;padding: 0;margin-bottom: 20px;float: none;}
form#form1 {overflow: auto;height: 300px;}
.callbackBtnModile {display: block !important;position: fixed;bottom: 10px;width: 90%;left: 5%;height: 40px;line-height: 40px;text-align: center;background: #FFCC02;border-radius: 3px;font-size: 16px;border: 1px solid #212121;box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);}
.single .img {width: 100%;max-width: 100%;float: none;padding: 0;margin-bottom: 20px;}
.txt-info {font: 700 16px/20px Arial, Helvetica, Tahoma, sans-serif;}
}
@media (min-width:240px) and (max-width:490px){
#page-preloader img {left: 30%;}
.container,.container2 {width: 96%;margin: 0 2%;}
.top-panel .container{width: 100%;margin: 0;}
#nav-icon4 {float: right;top: 13px;right: 15px;width: 60px;height: 45px;position: relative;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon4 span {display: block;position: absolute;height: 5px;width: 100%;background: #FFCC02;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon4 {}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 30px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 39px;left: 8px;}
.main-menu {display:none;width: 100%;margin-left: 0px !important;margin-top: 19px !important;padding: 20px !important;background: rgb(33, 33, 33) !important;}
.main-menu li {display: block !important;padding:0px;border-bottom: 1px solid rgba(255, 255, 255, 0.17);}
.header {height: auto;padding-bottom: 40px;}
.header .container {width: 100%;margin: 0;}
.header .menu-panel {background: #212121;position: absolute;top: 35px;width: 100%;}
.header .top-panel .left,.header .top-panel .right{float: none;}
.header .top-panel {height: auto;position: relative;top: 130px;width: 90%;margin: 0 6%;}
.header .top-panel .login {display: table;}
.header .main-text {margin-top: 160px;}
.header .main-text span {font-size: 36px;font-weight: 700;line-height: 40px;}
.scroll-down {display: none;}
.callbackBtn {display: none;}
.fl2 .col-2 {width: 100%;padding: 0;margin-bottom: 40px;float: none;}
.fl2 .col-2:nth-child(1) .text,.fl2 .col-2:nth-child(2) .text {background: transparent;padding: 14px !important;}
.fl2 .col-2 .panel {height: auto;}
.fl2 .col-2 .panel .text {overflow: hidden;margin: 0;box-sizing: border-box;float: none;}
.fl2 .col-2 .panel .btn {position: inherit;width: 100%;height: 40px;line-height: 40px;padding: 0;}
.fl3 .item {float: none;margin: 0px auto 40px !important;}
.fl4 .col-2 {width: 100%;padding: 0;margin-bottom: 40px;float: none;}
.fl4 .col-2:nth-child(2) {display: none;}
.fl6 a {float: none;margin: 0px auto 40px !important;}
.fl7 .post,.category .post {margin-right: 0;float: none;width:100%;margin-bottom: 40px;}
.fl7 .post:last-child {margin-bottom: 0;}
.fl8 .col-3 {width: 100%;padding: 0;margin-bottom: 40px;float: none;padding-left: 60px !important;}
.fl8 .col-3:nth-child(3) {margin-bottom: 0;}
.footer .block-foo .foo-menu,.footer .block-foo .info {display: none;}
.header .menu-panel .main-menu {height: auto;width: 100%;left: 0px;}
.header .menu-panel .main-menu li a {padding:15px  0;}
.modal_div {width: 90%;margin: 0 5%;left: 0 !important;top: 5% !important;box-sizing: border-box;}
.modal_div .col-2 {width: 100%;padding: 0;margin-bottom: 20px;float: none;}
form#form1 {overflow: auto;height: 300px;}
.callbackBtnModile {display: block !important;position: fixed;bottom: 10px;width: 90%;left: 5%;height: 40px;line-height: 40px;text-align: center;background: #FFCC02;border-radius: 3px;font-size: 16px;border: 1px solid #212121;box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.18);}
.single .img {width: 100%;max-width: 100%;float: none;padding: 0;margin-bottom: 20px;}
.txt-info {font: 700 16px/20px Arial, Helvetica, Tahoma, sans-serif;}
}