@media(max-width:1280px){
    .text-prgraf {position: absolute;top: 50%;}
    .list-news li {width: 23.2%;}
    .desc-compa {font-size: 8.5pt;}
    .loc-1 {bottom: 290px;left: 300px;}
    .loc-2 {bottom: 255px;left: 340px;}
    .loc-3 {bottom: 235px;left: 415px;}
    .loc-4 {bottom: 220px;left: 500px;}
    .loc-5 {bottom: 200px;left: 560px;}
    .loc-6 {bottom: 285px;left: 675px;}
}
@media(max-width:1024px){
    .flag {width: 14%;}
    .ft-box {min-height: 255px;}
    .navigator{display:none;}
    .m-navigator{float:right;}
    .col-m-nav{display:block;}
    .text-prgraf p {line-height: 25px;}
    .spec-row{width:100%;float:left;}
    .img-spec {padding: 5% 0;}
    .event-frame {width: 23.5%;}
    .form-video {width: 80%;margin: 10% auto;}
    .event-list {width: 22.5%;}
    .list-news li {width: 22.7%;}
    .loc-1 {bottom: 345px;left: 245px;}
    .loc-2 {bottom: 315px;left: 275px;}
    .loc-3 {bottom: 300px;left: 335px;}
    .loc-4 {bottom: 290px;left: 400px;}
    .loc-5 {bottom: 275px;left: 445px;}
    .loc-6 {bottom: 345px;left: 540px;}
    .company h4{margin:5px 0;}
}
@media(max-width:768px){
    .flag {width: 24%;}
    .logo {width: 85%;}
    .im-nav {left: -60%;}
    .im-nav i {font-size: 28pt;padding-top: 130%;}
    ul.mnav-bar {width: 190px;top: 120px;}
    ul.mnav-bar li.m-chl a {font-size: 12pt;}
    ul.m-subchl {width: 155px;}
    ul.m-subcolchl {width: 205px;left: -135%;}
    .hol-disply {background:linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.5)),url('../img/holodeck full color.jpg');background-size: cover;z-index: 0;width: 100%;}
    .hol-desc {min-height: 405px;}
    .hol-desc h3 {color:white;}
    .hol-desc p {color:white;font-size: 12pt;}
    .adds-ic {color: white;width: 100%;text-align: center;padding-bottom: 3%;}
    .social-ic{margin: 0 auto;width: 40%;}
    .social-ic li {list-style: none;width: 25%;float: right;text-align: center;}
    .adds-ic h4 {font-size: 24pt;}
    .adds-ic p {font-size: 13pt;}
    .footer-logo{padding: 2% 0;text-align: center;}
    .flr-2 img {width: 70%;text-align: center;}
    .cl-hol{width:33%;}
    .col-about-right {display:none;}
    .about {background-attachment: fixed;}
    .plc-ovr {position: relative;width: 100%;padding-top: 15%;float: left;left: 0;}
    .text-alient {position: relative;width: 90%;margin: 0 auto;right: 0;}
    .text-prgraf {position: relative;width: 90%;left: 0;margin: 0 auto;padding: 5% 0;}
    .text-prgraf p {line-height: 25px;color: white;font-size: 12pt;padding: 0;}
    .img-page video {height: 700px;}
    .title-page {padding-top: 60%;}
    .adv-info {padding-top: 17%;}
    .info-coros-head {margin-top: 14%;}
    .adv-desc-info {padding-top: 15%;}
    .sound-page {padding-top: 65%;}
    .sec-padd{padding-top:10%;}
    .sec-padd-spe{padding-top:5%}
    .sec-padd-gal{padding-top:20%;}
    .col-acc {width: 100%;}
    .event-frame, .video-gallery {min-height:120px;}
    .form-video {margin: 22% auto;}
    .event-list {width: 21.5%;height: 100px;}
    .video iframe {min-height: 400px;}
    .col-blog-1, .col-blog-2{width: 100%;}
    .row-col-2 {width: 50%;}
    .col-blog-style {min-height: auto;}
    .next-blog {margin: 0 0 7%;}
    .list-news li {width: 22%;min-height: 245px;}
    .content {padding-top: 7%;}
    .col-half-1, .col-half-2 {width: 100%;}
    .title-view-list {padding: 10px 5px;font-size: 13pt;}
    .loc-1 {bottom: 555px;left: 180px;}
    .loc-2 {bottom: 530px;left: 205px;}
    .loc-3 {bottom: 520px;left: 250px;}
    .loc-4 {bottom: 510px;left: 295px;}
    .loc-5 {bottom: 500px;left: 335px;}
    .loc-6 {bottom: 555px;left: 405px;}
    .desc-loc {width: 280px;border: 2px solid #E3B200;}
    hr.line-compa {margin: 2px 0;}
    .company h4 {margin: 5px 0;font-size: 12pt;}
    .form-distri {width: 80%;}
    .col-page {width: 100%;}
    /*-------------------------------------*/
    .w-panel-info {width: 100%;min-height: 370px;}
    .col-w-style {font-size: 10pt;}
    .w-panel-info h2 {font-size: 18pt;}
    .col-w-style p{padding:5px;}
}
@media(max-width:640px){
    /*.logo img {width: 50%;}
    .im-nav {left: -7%;}
    .im-nav i {font-size: 22pt;padding-top: 70%;}
    .flag {width: 20%;}
    .title-desc {font-size: 9pt;}
    .carousel-caption h2 {font-size: 22pt;margin: 0;}
    .animated {padding:0;}
    .btn-large {padding: 5px 30px;font-size: 12px;}
    .btn-transparent {border: 1.5px solid #fff;}
    .carousel-caption {padding-bottom: 30px;}*/
    /*-------------------------------------*/
    .w-panel-info {width: 100%;min-height: 370px;}
    .col-w-style {font-size: 10pt;}
    .w-panel-info h2 {font-size: 18pt;}
    .col-w-style p{padding:5px;}
}
@media(max-width:480px){
    /*-------------------------------------*/
    .w-panel-info {width: 100%;min-height: 370px;}
    .col-w-style {font-size: 10pt;}
    .w-panel-info h2 {font-size: 18pt;}
    .col-w-style p{padding:5px;}
}
@media(max-width:420px){
    .flag {width: 31%;}
    .logo {width: 85%;padding-top: 2%;}
    .im-nav {left: -60%;}
    .im-nav i {font-size: 20pt;padding-top: 90%;padding-left: 150%;}
    ul.mnav-bar {width: 135px;top: 75px;left: -95px;}
    ul.mnav-bar li.m-chl a {font-size: 10pt;}
    ul.m-subchl {width: 125px;left: -90%;}
    ul.m-subcolchl {width: 145px;left: -110%}
    ul.m-subcolchl li.msublistchl a {padding: 4% 5%;}
    .ch-frl-2 {margin-top: 0;}
    .backToTop {font-size: 25pt;height: 40px;width: 40px;right: 20px;}
    .hol-disply {background:linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.5)),url('../img/holodeck full color.jpg');background-size: cover;z-index: 0;width: 100%;}
    .hol-desc {min-height: 405px;}
    .hol-desc h3 {color:white;}
    .hol-desc p {color:white;font-size: 12pt;}
    .adds-ic {color: white;width: 100%;text-align: center;padding-bottom: 3%;}
    .social-ic{margin: 0 auto;width: 60%;}
    .social-ic li {list-style: none;width: 25%;float: right;text-align: center;}
    .adds-ic h4 {font-size: 20pt;}
    .adds-ic p {font-size: 10pt;}
    .footer-logo{padding: 2% 0;text-align: center;}
    .flr-2 img {width: 70%;text-align: center;}
    .cl-hol{width: 50%;float: left;min-height: 110px;}
    .col-about-right {display:none;}
    .about {background-attachment: fixed;height: 102%;}
    .plc-ovr {position: relative;width: 100%;padding-top: 15%;float: left;left: 0;}
    .text-alient {position: relative;width: 90%;margin: 0 auto;right: 0;}
    .text-prgraf {position: relative;width: 90%;left: 0;margin: 0 auto;padding: 5% 0;}
    .text-prgraf p {line-height: 25px;color: white;font-size: 10pt;padding: 0;}
    .img-page video {height: 490px;}
    .title-page h1, .adv-desc-info h1, .desc-info h1, .sound-page h1 {font-size: 24pt;}
    .title-page p, .adv-desc-info p , .desc-info p, .sound-page p {line-height: 20px;font-size: 10pt;}
    .desc-info p {padding:5px 0;}
    .info-coros h1 {margin:15px 0;font-size: 24pt;}
    .diff-coro h2 {font-size: 18pt;}
    .flex-bg {height: 70%;}
    .title-page {padding-top: 70%;}
    .adv-info {padding-top: 10%;}
    .info-coros-head {margin-top: 14%;}
    .adv-desc-info {padding-top: 20%;}
    .sound-page {padding-top: 65%;}
    .sec-padd{padding-top:10%;}
    .sec-padd-spe{padding-top:5%}
    .sec-padd-gal{padding-top:20%;}
    .col-acc {width: 100%;}
    .event-frame, .video-gallery {min-height:80px;}
    .form-video {margin: 63% auto;}
    .event-list {width: 27.5%;height: 60px;}
    .video iframe {min-height: 280px;}
    .col-blog-1, .col-blog-2{width: 100%;}
    .row-col-2 {width: 50%;}
    .col-blog-style {min-height: auto;}
    .next-blog {margin: 0 0 7%;}
    .list-news li {width: 44.5%;min-height: 245px;}
    .content {padding-top: 7%;}
    .col-half-1, .col-half-2 {width: 100%;}
    .title-view-list {padding: 10px 5px;font-size: 10pt;}
    .loc-1 {bottom: 350px;left: 90px;}
    .loc-2 {bottom: 335px;left: 110px;}
    .loc-3 {bottom: 327px;left: 135px;}
    .loc-4 {bottom: 324px;left: 160px;}
    .loc-5 {bottom: 317px;left: 180px;}
    .loc-6 {bottom: 348px;left: 220px;}
    .desc-loc {width: 280px;border: 2px solid #E3B200;}
    hr.line-compa {margin: 2px 0;}
    .company h4 {margin: 5px 0;font-size: 12pt;}
    .form-distri {width: 100%;}
    .col-page {width: 100%;}    
    .list-spec-detail {float: left;min-height: 210px;width: 50%;}
    .btn-gallery {font-size: 11pt;padding: 5px 10px;}
    .event-frame {width: 30.5%;}
    .form-video iframe {width: 100%;min-height: 220px;}
    .headline-title h1 {font-size: 12pt;}
    .blog-overlay h2 {font-size: 9pt;line-height: 18px;}
    .list-news li a h3 {font-size: 10pt;}
    .post {width: 3%;}
    /*-------------------------------------*/
    .w-panel-info {width: 100%;min-height: 370px;}
    .col-w-style {font-size: 9pt;}
    .w-panel-info h2 {font-size: 18pt;}
    .col-w-style p{padding:5px;}
    .hl-medsos h2 {font-size: 220%;}
    ul.hl-ls-md {margin: 0 auto;width: 75%;}
    ul.hl-ls-md li {width: 40%;margin: 0;}
}
@media(max-width:415px){
    .loc-1 {bottom: 340px;left: 95px;}
    .loc-2 {bottom: 330px;left: 110px;}
    .loc-3 {bottom: 323px;left: 133px;}
    .loc-4 {bottom: 320px;left: 160px;}
    .loc-5 {bottom: 313px;left: 178px;}
    .loc-6 {bottom: 345px;left: 217px;}
    .desc-loc {width: 250px;margin-left: -85px;}
    .company h4 {margin: 3px 0;}
    .desc-compa {font-size: 8pt;}
    
    .w-panel-info {width: 100%;min-height: 370px;}
    .col-w-style {font-size: 9pt;}
    .w-panel-info h2 {font-size: 18pt;}
    .col-w-style p{padding:5px;}
    .hl-medsos h2 {font-size: 220%;}
    ul.hl-ls-md {margin: 0 auto;width: 75%;}
    ul.hl-ls-md li {width: 40%;margin: 0;}
}
@media(max-width:380px){
    .hol-desc {padding-left: 10px}
    ul.mnav-bar {top: 65px;width: 120px;left: -75px;}
    ul.m-subcolchl {width: 130px;left: -100%;}
    .about {height: 105%;}
    .about h1{font-size:20pt;}
    .about h2 {font-size: 12pt;}
    .text-prgraf p {line-height: 21px;font-size: 9pt;}
    .title-page h1, .adv-desc-info h1, .desc-info h1, .sound-page h1 {font-size: 18pt;margin: 5px 0;}
    .title-page p, .adv-desc-info p, .desc-info p, .sound-page p, .adv-desc p {line-height: 20px;font-size: 9pt;padding: 0 5px;}
    .title-page {padding-top: 85%;}
    .adv-info {padding-top: 20%;}
    .info-coros h1 {margin: 15px 0;font-size: 20pt;}
    .info-coros p {font-size: 10pt;line-height: 21px;}
    .diff-coro h2 {font-size: 12pt;}
    .adv-cor-col-left h4, .adv-cor-col-right h4 {font-size: 12px;}
    .adv-desc h3 {font-size: 18px;}
    .sound-page {padding-top: 90%;}
    .project h1 {margin-top: 0;font-size: 24px;}
    .project h2 {font-size: 10pt;}
    .col-acc h2 {font-size: 18pt;}
    .btn-gallery {font-size: 9pt;padding: 5px 8px;}
    .event-frame {width: 30%;}
    .sec-padd {padding-top: 18%;}
    .event-list {width: 29%;margin:7px;}
    .grp-event h3{font-size: 16pt;}
    .grp-event h4{font-size:11pt;}
    .list-news li {width: 44%;min-height: 190px;}
    .list-news li a h3 {font-size: 8pt;}
    .col-style-blog h1, .reg-distributor h1{font-size:20pt;}
    .row-content p {font-size: 10pt;}
    .loc-1 {bottom: 300px;left: 85px;}
    .loc-2 {bottom: 285px;left: 100px;}
    .loc-3 {bottom: 283px;left: 120px;}
    .loc-4 {bottom: 276px;left: 145px;}
    .loc-5 {bottom: 272px;left: 161px;}
    .loc-6 {bottom: 300px;left: 195px;}
    .company h4 {font-size: 10pt;}
    .desc-compa {font-size: 7pt;}
    hr.line-compa {margin: 1px 0;}
    /*-------------------------------------*/
    .w-panel-info {width: 100%;min-height: 370px;}
    .col-w-style {font-size: 9pt;}
    .w-panel-info h2 {font-size: 18pt;}
    .col-w-style p{padding:5px;}
}