@media (min-width: 1199px) {
    #navbar a p {
        padding-top: 15px;
        font-size: 16px;    
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.fullscreen-bg__video {
        top: -45px;
        -webkit-transform: scale(1.55);
        transform: scale(1.55);
    }
    .blob img { width: 1100px; }
    img.use { width: 450px; }
    img.adik { width: 250px; }
    #partners .pattern { width: auto; margin-left: 0; }
    .adress p { letter-spacing: 0; }
    .people { height: 550px; margin-top: -75px; }
    .info p { font-size: 13px; }
    #news img {height: 180px;}
    #navbar ul a {margin: 25px 8px 0 0px;}
    .orange {width: 150px; margin: 0 -5px 0 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #navbar ul a { font-size: 13px; margin: 25px 5px 0 0px; }
    #navbar a p { font-size: 13px; padding-top: 22px; margin-left: -24px;}
    .orange { width: 100px; margin: 0 -5px 0 5px; }
    .orange a {padding: 7px 0 5px 0 !important;}
    .marg {height: 32px; margin-top: 17px;}
    #navbar ul .marg a {margin-top: 6px;}
    /*.fullscreen-bg { top: -4260px; }*/
    .fullscreen-bg__video {
        -webkit-transform: scale(1.85);
        transform: scale(1.85);
    }
    .event h1 { font-size: 47px; }
    .w100 p { margin-left: 275px; }
    .info p { font-size: 12px; }
    .blob img { width: 900px; margin: -45px 0 0 -140px; }
    .headsector h2 { font-size: 40px; }
    .stage p { font-size: 16px; }
    .regbut a { font-size: 18px; padding: 7px 22px; }
    #why h2 { font-size: 40px; }
    #why h5 { font-size: 24px; }
    #why p { font-size: 13px; }
    #partners h2 { font-size: 40px; }
    img.adik { width: 200px; }
    img.use { width: 350px; }
    #partners .pattern { width: auto; }
    #team h5 { font-size: 16px; }
    #team p { font-size: 11px; }
    #news img { height: 150px; margin-top: 30px !important;}
    #news p {font-size: 13px;}
    #news h5 {font-size: 20px;}
}

@media (min-width: 512px) and (max-width: 767px) {
/*    @viewport {
        width: 1280px;
        width: 980px;
        min-zoom: 0.25;
        max-zoom: 5;
    }*/
    #navbar .logo2 { display: none; }
    .col-xs-micro { 
        display: block;
        position: fixed;
        top: 0;
        z-index: 1031;
        width: 90%;
    }
    .logo2 img {width: 85px; margin-top: 3px; margin-right: -15px;}
    p.pull-left {margin-top: 8px; font-family: 'Pobeda-Bold'; color: #333;}
    #navbar ul {text-align: center;}
    #navbar ul a {font-size: 14px; margin: 10px 0 15px 0px;}
    #navbar ul .dropdown-menu {margin: -35px 0px 0 20px;}
    #navbar .orange {margin: 0 auto;}
    .fullscreen-bg {display: none;}
    #main {background-color: #000; background: url('../img/backgr.jpg') no-repeat center center;}
    .date {margin-top:80px;}
    .event h1 {font-size: 44px;}
    .w100 p {text-align: center;}
    .info p {font-size: 11px;}
    .blob {width:120%;}
    .blob img {width: 120%; margin: -30px 0 0 -180px;}
    .headsector h2 {margin-bottom: 50px; font-size: 40px;}
    .stage img {width: 50px; margin-bottom: 13px;}
    .stage p {font-size: 14px;}
    #why h2, #partners h2 {font-size: 42px;}
    #why h5 {font-size: 24px;}
    #why p {font-size: 13px;}
    img.adik {width: 200px; margin: 36px auto 30px auto;}
    img.use {width: 350px; margin: 13px auto 30px auto;}
    #partners .pattern {width: 1200px; margin-top: -190px;}
    .adress, .mail {margin: 50px auto; width: 70%;}
    .adress h5, .mail h5 {text-align: center;}
    .phones p, .social {text-align: center;}
    .phones {margin:0 0 20px;}
    footer {margin-top: 30px;}
    #team .col-5 {width:100%;}
    #team h5 {font-size: 24px;}
    #team p {font-size: 18px;}
    #team .soc {width: 30px; margin-bottom: 20px;}
    #contacts.team {margin-top: 0;}
    footer.inside {margin-top: 250px;}
    #news img {width: 90% !important; height: auto;}
    h3.twopercent {width: 100%;}
}

@media (min-width: 512px) and (max-width: 687px) {
    #why h2, #partners h2 {font-size: 27px;}
    #why h5 {font-size: 20px; margin: 15px 15px 0px 15px;}
    #why p {font-size: 13px; margin: 15px 15px 150px 15px;}
    .people {margin-top: -85px;}
    img.adik {width: 150px;}
    img.use {width: 250px; margin-left: -10px; margin-top: 25px;}
    .p3, .p4, .p6 {margin-left: 0;}
    .p5 {margin-left: -13px;}
}

@media (max-width: 511px) {
    .owl-item{
        width: auto!important;
    }
    #navbar .logo2 {display: none;}
    #navbar ul .dropdown-menu {position: relative;}
    .dropdown-menu {float: none;}
    #navbar ul .dropdown:hover .dropdown-menu {display: none;}
    #navbar ul .dropdown.open .dropdown-menu {display: block;}
    .col-xs-micro { 
        display: block;
        position: fixed;
        top: 0;
        z-index: 1031;
        width: 90%;
    }
    .regbut a{
        margin-left: 10px;
    }
    .logo2 img {width: 85px; margin-top: 3px; margin-right: 0;}
    p.pull-left {margin-top: 8px; font-family: 'Pobeda-Bold'; color: #333; margin-left: -14px;}
    #navbar ul {text-align: center;}
    #navbar ul a {font-size: 14px; margin: 10px 0 15px 0px;}
    #navbar ul .dropdown-menu {margin: -10px 0px 0 20px;}
    #navbar .orange {margin: 0 auto;}
    .fullscreen-bg {background: url('/assets/img/video/head_bg.jpg');}
    .fullscreen-bg video {display: none;}
    #main {background-color: #000; background: url('../img/backgr.jpg') no-repeat center center;}
    .date {margin-top:80px;}
    .event h1 {font-size: 44px;}
    .w100 img {margin-top: 150px;}
    .w100 p {text-align: center;}
/*    #about {height: 840px; background-color: #666;}*/
    .info {height: 300px; overflow-y:auto;}
    .info p {font-size: 12px;}
    .blob {width:120%;}
    .blob img {width: 100%; height: 750px; margin: 0 0 0 -70px;}
    .headsector img {margin-top: 30px; width: 46px;}
    .headsector h2 {margin-bottom: 30px; font-size: 36px;}
    #tracks .col-5 {width: 100%;}
    #tracks .col-5 .stage {margin: 15px 0;}
    .stage img {width: 60px; margin-bottom: 13px;}
    .stage p {font-size: 20px;}
    #partners h2 {font-size: 32px; margin: 50px auto 10px;}
    #why h2 {font-size: 27px;}
    #why h5 {font-size: 15px; margin: 15px 15px 0px 15px;}
    #why p {font-size: 12px; margin: 15px 15px 150px 15px;}
    .people {margin-top: -85px;}
    .col-12 {width: 100%;}
    .col-6 {display: block; width: 50%; margin: 0 auto;}
    img.adik {width: 180px; margin: 0 auto;}
    img.use {width: 250px; margin: 0 auto 50px;}
    .off {width: 100%;}
    .off h3 {font-size: 32px; margin: 0 auto;}
    .p3, .p4, .p5, .p6 {display: block;}
    .p3 {width: 100px; margin: 30px auto 20px;}
    .p4 {width: 53px; margin: 20px auto;}
    .p5 {width: 123px; margin: 50px auto 20px;}
    .p6 {width: 123px; margin: 20px auto;}
    #partners .pattern {width: 1200px; margin-top: -190px;}
    .adress, .mail {margin: 50px auto; width: 100%;}
    .adress h5, .mail h5 {text-align: center;}
    .adress img, .mail img {width: 12px;}
    .adress p, .mail p {font-size: 14px;}
    .phones p, .social {text-align: center;}
    .phones {margin:0 0 20px;}
    footer {margin-top: 30px;}
    #team .col-5 {width:100%;}
    #team h5 {font-size: 24px;}
    #team p {font-size: 18px;}
    #team .soc {width: 30px; margin-bottom: 20px;}
    #contacts.team {margin-top: 0;}
    footer.inside {margin-top: 250px;}
    .mail a{
        font-style: 17px;
    }
    #news img {width: 90% !important; height: auto;}
    h3.twopercent {width: 100%;}
}

@media (max-width: 393px) {
    #why h2, #partners h2 {font-size: 22px;}
    #why h5 {font-size: 16px; margin: 15px 15px 0px 15px;}
    #why p {font-size: 11px; margin: 15px 15px 90px 15px;}
    .adress img {width: 10px;}
    .mail img {width: 10px; margin-top: 17px;}
    .adress p, .mail p {font-size: 12px;}
}
@media (max-width: 767px) {
	.logo3 {
		margin-top: 10px;
   		margin-left: 15px;	
	}
	.navbar .logo3 {display: none;}
}