/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		
		.ochinka{
			    font-size: 16px;
		}
		
		.perevir_sebe h3 {
			font-size: 18px;
			line-height: 1.4;
		}
		
		
		
		
		
		
		
    }

	
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.header_desc {
			font-size: 14px;	
		}
		
		nav ul li {
			float: left;
			width: 25%;
		}
		
		.perevir_sebe h3 {
			font-size: 16px;
			line-height: 1.4;
		}
		
		.img_tab{
			display: none;
		}	
		
		
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.header_desc {
			font-size: 16px;	
		}
		
		/* Логотип на home and сторінці test-result */
		.logo{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.img-header{
			float: none;
			display: block;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}
		.header_desc{
			float: none;
			text-align: center;
			display: block;
			margin-left: auto;
			margin-right: auto;
			
		}
		
		nav ul li {
			float: left;
			width: 25%;
		}
		
		.ca-menu li {
			width: 140px;
			height: 140px;
		}
		
		
		.number-lesson {
			left: -3%;
		}
		
		/* Логотип на сторінці test */
		.logo_test, .title_test, .vuvod_yroky{
			/*margin-bottom: 10px;*/
			display: none;
		}
		
		.setting_button_test {
			margin: 0;
			padding: 15px 0 15px 0;
			border-bottom: 1px dotted green;	
		}
		
		.img_tab{
			display: none;
		}	
		
		
			.ca-icon{
				left: 0px;
				top: 30px;
			}
		
		.image-test {
			margin-bottom: 15px;
			margin-top: 0;
		}
		
		
		
		
		
	}	
		
		

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	
		.header_desc {
			font-size: 16px;	
		}
		
		/* Логотип на home and сторінці test-result */
		.logo{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.img-header{
			display: none;
		}
		
		nav ul li {
			float: left;
			width: 25%;
		}
		
		.number-lesson {
			left: -3%;
		}
		
		/* Логотип на сторінці test */
		.logo_test, .title_test{
			/*margin-bottom: 10px;*/
			display: none;
		}
		
		.setting_button_test {
			margin: 0;
			padding: 15px 0 15px 0;
			border-bottom: 1px dotted green;
		}
		
		.img_tab{
			display: block;
			margin-left: auto;
			margin-right: auto;
		}	
		
		
		.ca-menu li {
			width: 100px;
			height: 100px;
		}
		
		
		/*  Меню класи  */
		.ca-menu {
			/*display: block;*/
		}
		
		.ca-menu li {
			width: 100px;
			height: 100px;
			margin-left: -35px;
		}
			.ca-icon{
				left: 0px;
				top: 10px;
			}
		
		.image-test {
			margin-bottom: 15px;
			margin-top: 0;
		}
		
		
		
		
	}
		
		
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
		.number-lesson {
			left: -6%;
		}
		
		
		/* Логотип на сторінці test */
		.logo_test, .title_test{
			/*margin-bottom: 10px;*/
			display: none;
		}
		
		
		.setting_button_test {
			margin: 0px 0 0 0;
			padding: 15px 0 15px 0;
			border-bottom: 1px dotted green;
		}
		
		
		/*  Меню класи  */
		.ca-menu {
			display: block;
		}
		
		.ca-menu li {
			width: 80px;
			height: 80px;
			margin-left: -35px;
		}
			.ca-icon{
				left: 0px;
				top: 0px;
			}
			
		.img_tab{
			display: none;
		}
		
		.tabs label {
			width: 90px;
			height: 37px;
		}
		
		.image-test {
			margin-bottom: 15px;
			margin-top: 0;
		}
		
		.float_r {
			float: none;  /* кількість пройдених тестів-1500*/
		}
		
		
    }