@media screen and (min-width: 992px) and (max-width: 1200px) {
    h1 {
        font-size: 180%;
    }
	
	h2 {
        font-size: 150%;
    }
	
	.about-text-1{
		font-size: 80%;
	}

    .top-bar{
        margin-bottom: 70px;
    }

    .logo_text {
        margin-left: 100px;
        margin-top: 20px;
    }

    .hidden-xs->.btn {
        padding: 3px 9px;
        font-size: 80%;
    }

    /*.nav>li>a {*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    padding: 8px 12px;*/
    /*    font-size: 85%;*/
    /*}*/

    /*.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {*/
    /*    font-size: 85%;*/
    /*}*/


}

@media screen and (min-width: 768px) and (max-width: 991px) {
/*    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {*/
/*    font-size: 0.6em;*/
/*}*/
/*    .nav>li>a {*/
/*    padding: 7px 12px;*/
/*    font-size: 0.6em;*/
/*}*/
	h2 {
        font-size: 120%;
    }
	
	.about-text-1{
		font-size: 70%;
	}
	
	.about-text-1 {
		padding: 20px;
	}
	
	.donat-info {
		font-size: 40%;
	}
    
    .logo {
        width: 500px;
    }

    .logo_text {
        width: 375px;
        margin-left: 45px;
        margin-top: 15px;
    }
    
    .logo p.first {
        font-size: 150%;
    }
    
    .logo p.second {
        font-size: 100%;
    }
    
    .dropdown {
        width: 140px;
    }
    
    .dropdown li {
        height: 25px;
    }

    .dropdown li a {
        line-height: 25px;
        height: 25px;
        font-size: 80%;
    }
    
    .logo img {
        width: 80px;
        padding-top: 10px;
        padding-right: 5px;
    }
    .footer-pills {
        visibility: visible;
    }
    h1{
        font-size: 170%;
    }
    
    .contacts-item h2 {
        font-size: 100%;
    }
    
    .contacts-item p {
        font-size: 80%;
    }

    .hidden-xs->.btn {
        padding: 3px 9px;
        font-size: 80%;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 6px 10px;
        font-size: 80%;
    }

    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
        font-size: 80%;
    }

    button.btn-success {
        font-size: 80%;
        padding: 3px 9px;
        margin-top: 0px;
    }

    li>a.facebook-bg {
        margin-left: 3px;
        padding: 6px 3px 1px 10px;
        margin-top: 0px;
    }

    .facebook-bg i {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    /*    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {*/
    /*    font-size: 0.8em;*/
    /*}*/
	
	.about-text-1 h2 {
        font-size: 200%;
    }
	
	.about-text-1{
		#position: relative;
		font-size: 60%;
		padding: 20px;
		#background-color: #0E2970;
	}
	
	.about-text-img {
		position: relative;
	}
	
	.donat-info {
		font-size: 40%;
	}
    
    h1{
        font-size: 150%;
    }
	
	.conference-text {
		font-size: 120%;
	}

    .logo {
        width: 60%;
    }
    
    .logo_text {
        display: block;
        width: 40%;
    }
    
    .logo p.first {
        font-size: 130%;
    }
    
    .logo p.second {
        font-size: 100%;
        margin-right: 150px;
    }
    #navbarCollapse .nav-pills li {
        float: none;
    }
    #navbarCollapse .nav-pills {
        text-align: center;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
         border-color: #fff; 
         width: 100%;
    }
    
    .contacts-group {
    margin-top: 2%;
    }
    
    .contacts-item h2 {
        font-size: 100%;
    }
    
    .contacts-item p {
        font-size: 80%;
    }
    
    .nav-header {
        width: 100%;
    }
    
    .dropdown li {
        text-align: center;
    }
    
    

    input.toggleDrop:checked + label.toggleDrop{
     background: #000;
     color: #fff;
    }   

    input.toggleDrop:checked ~ ul{
     display: block;
    }    

    .nav-header label.toggleDrop{
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
     display: block;
    }  

    input.toggleDrop:checked ~ a{
     background: #DB2029;
     color: #fff;
    }    
    
    input.toggleDrop:checked ~ ul.dropdown{
     display: block;
     position: relative;
     border-bottom: 1px solid #db2029;
    }  
    
    .dropdown {
        width: 100%;
        text-align: center;
    }
    
    li.donat {
        margin-top: 1px;
        margin-right: 5px;
    }
    
    .donat-icon {
        display: none;
    }

    li>a.facebook-bg {
        margin-top: 0px;
    }

    .

    
}

@media screen and (max-width: 700px){
    .navbar-footer {
        display: flex;
    }
    ul.nav {
        margin: auto;
        flex-wrap: wrap;
    }
	
    .logo_text {
		width: 75%;
		margin-left: 10%;
	}
    
    .footer-pills>li>a {
        padding: 7px 11px;
    }
}

@media screen and (max-width: 600px){
    ul.menu li {
      margin: 5px;
    }
    .footer p {
        font-size: calc(1rem + 0.1vw);
    }
    .logo_text {
        #display: none;
    }
	
	.logo img {
		width: 50px;
		margin-top: 69px;
	}
	
	.logo p.first {
		font-size: 150%;
	}
	
    .top-bar {
        width: 100%;
    }
	
	.about-text-1 h2 {
        font-size: 150%;
    }
	
	.verse {
		font-size: 70%;
	}
	
	.donat-info {
		font-size: 20%;
		color: #e8e8e8;
	}
	
	.donat-info a {
		color: #e8e8e8;
	}
}

@media screen and (max-width: 500px){
    .footer p {
        font-size: calc(0.7rem + 0.1vw);
    }
    ul.menu {
        width: 80%;
    }
    ul.menu li a i.fa {
        height: 25px;
        width: 25px;
        line-height: 25px;
    }
    ul.menu li {
      margin: 1%;
    }
    .navbar-footer {
        width: 100%;
    }
    
	.logo p.first {
		font-size: 120%;
	}
	
	.br-media-css{
		display: block;
	}
}

@media screen and (max-width: 400px){
	
	.about-text-1 h2 {
        font-size: 100%;
    }
    
    li.donat-icon {
        display: block;
    }
    
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
         margin-left: 0px; 
    }
    
    .container button {
        margin-top: 0px;
    }
    
    .nav>li>a.facebook-bg {
        margin-left: -1px;
    }
	
	.logo_text {
		width: 75%;
		margin-left: 10%;
	}
}

@media screen and (max-width: 340px){
	.logo img {
		margin-left: -10px;
	}
}