@media (min-width:760px) and (max-width:1159px) {
    
    



    *{
        margin: 0;
        padding: 0;
        font-family: 'Jura', sans-serif;
        
    }

    .container {
        width: 760px;
        background: #fff;
    
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .main{
        width: 760px;
        margin: 0 auto;
        height: 3900px;
    }
    .header{
        width: 760px;
        height: 750px;
        display: grid;
        grid-template-columns:400px 360px;
        grid-template-rows: 200px 50 0px ;
        margin-left: 200px;
    }
    .header_1{
        
        grid-column: 1/3;
        grid-row: 1/2;
    }
    .logo{
        
        width: 83px;
        height: 85px;
        margin-top:75px;
        float: left;
    
    }
    .header_menu{
    
        list-style-type: none;
        display: flex;
        justify-content: space-around; 
        margin-top:100px;
        width: 500px;
        height: 200px;
       
        margin-left: 90px;
        color: blue;
     
    }
    .header_foto{
        grid-column: 2/3;
        grid-row: 2/3;
        width: 400px;
        height: 450px;
        float: right;
    
    
    
    }
    .header_bloc{
        grid-column:1/2;
        grid-row:2/3;
        margin-top:40px;
    }
    .header_title{
        margin-top: 1px;
        font-size: 48px;
    
    }
    .header_text{
        margin-top: 30px;
        font-size: 24px;
    
    }
    
    .header_p{
        margin-top: 30px;
    
    }
    .header_cnopka{
        margin-top: 30px;
        width: 250px;
        height: 50px;
        background: rgb(7, 157, 207);
        color: aliceblue;
        transition-duration: 1.5s;
        float: right;
    
    
    }
    .header_cnopka:hover{
    
        width: 250px;
        height: 50px;
        background: rgb(4, 14, 153);
        color: aliceblue;
        transition-duration: 1.5s;
        float: right;
    
    
    }
    .todey{
        margin-top: 20px;
        width: 760px;
        height: 600px;
        margin: 0 auto;
        background: #ffffff;

    }
    .todey_text{
        text-align: center;
    }
    .todey_title{
        text-align: center;
        margin-bottom: 20px;
    }
    .todey_blok{
        width: 760px;
        height: 450px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0auto;


        
    }
    .todey_blok_text{
        width: 240px;
        height: 132px;
        border: 2px solid black;
        border-radius: 5px;
        padding: 10px;
        margin: 15px;
        
    }
    .todey_text2{
        text-align: justify;
    }
    .kartunku{
        width: 100%;
        height: 200px;
        margin: 0 auto;
        margin-top: 50px;

        

    }
    .kartunku_text{
        margin-bottom: 10px;
        
    }
    .kartunku_img{
        width: 160px;
        height: 120px;
        margin-left: 10px;
        margin-right: 10px;

    }
    .kartunka{
        display: flex;
        justify-content: space-between;
   
        margin: 0 auto;
    }
    .zelensikiu{
        width: 760px;
        height: 250px;
        background: #006AA7;
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
        align-items: center;
        padding: 10px 25px;
    }
    .zelensikiu_text{
        font-size: 30px;
        color: #fff;

    }
    .zelensikiu_img{
        width: 200px;
        height: 200px;
    }
    .future{
        width: 760px;
        background: #fff;
    
        margin: 0 auto;
        margin-bottom: 40px;

    }
    .future1{
        width: 1160px;  
    }
    .articke_a{
        width: 200px;
        height: 30px;
        background: #F9C00D;
        border: 1px solid black;
        text-align: center;
        margin-left: 200px;
        transition: 0.5s;
        text-decoration: none;
        color: black;
    }
    .articke_a:hover{
        width: 200px;
        height: 35px;
        background: #BD930A;
        border: 1px solid black;
        text-align: center;
        margin-left: 200px;
        transition-duration: 0.5s;
        text-decoration: none;
        color: black;
    }
     .container{
        width: 760px;
        margin: 0 auto;
        padding: 0;
        font-family: 'Jura', sans-serif;
        
    } 
    .artickle{
        width: 760px;
        height: 450px;
        display: grid;
        background: #F9C00D;
    }
    .people1{
        width: 755px;
        height: 310px;
        margin: 0 auto;
    }
    .citate{
        width: 760px;
        height: 700px;
    }
    .footer{
        width: 760px;
        display: flex;
        height: 90px;
        background: #006AA7;
    }
    .people_photos{
    display: flex;
    width: 730px;
    height: auto;
    justify-content: space-between;

}
   .people_photo1{
       width: 160px;
       height: 120px;
       
   }
   .people_photo2{
    width: 160px;
    height: 120px;
    
}
.footer{
    width: 760px;
    display: flex;
    height: 90px;
    background: #006AA7;
    margin: 0auto;
}
.footer_fotos{
    display: flex;
    width: 400px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
}
.footer_title{
height: 60px;
width: 300px;
}
.citate_section1{
    width: 370px;
    height: 150px;
    display: flex;
    justify-content: space-between;
    background: white;
}
.citate_section2{
    width: 370px;
    height: 150px;
    display: flex;
    justify-content: space-between;
    background: white;
}
.people_title{
    width: 760px;
    height: 50px;
    text-align: center;
}
.citate_sections{
    width: 760px;
    height: 600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.citate_title{
    width: 760px;
    height: 50px;
    text-align: center;
}
.artickle_text{
    text-align: left;
    width: 370px;
    height: 310px;
    display: grid;
}
.artickle_p{
    width: 370px;
    height: 76px;
}
.artickle_mini{
    display: flex;
    width: 750px;
    height: 300px;
    margin-left: 10px;
    justify-content: space-around;
}
.artickle_img{
    width: 370px;
    height: 250px;

}
.kartunka228{
    width: 160px;
    height: 120px;
    margin-left: 10px;
    margin-right: 10px;
}

  
.groud{ 
margin-bottom:5px; 
} 
.people{ 
margin-bottom:5px; 
} 
.history{ 
margin-bottom:5px; 
} 
.music{ 
margin-bottom:5px; 
} 
.main{ 
    width: 760px; 
    height: 500px; 
    margin: 0 auto; 
} 
.main_two{ 
    width: 760px; 
   margin-left: 100px; 
    display: grid; 
    background: #F5F5F5;     
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 20px 30px 1fr 1fr; 
} 
 
.aitem_one:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.aitem_two:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.aitem_thee:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.aitem_four:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.main_h1{ 
    font-size: 16px; 
    grid-column: 1 / 3; 
    grid-row: 1 / 3; 
    text-align: center; 
} 
.main_p{ 
    grid-row: 2 / 3; 
    font-size: 24px; 
    grid-column: 1 / 3; 
    text-align: center; 
    font-size: 24px; 
} 
.main-title{ 
    font-size: 16px; 
    margin-bottom:5px; 
} 
.arrow_p{ 
width: 100px; 
height: 100px; 
display: grid; 
} 
.aitem-p{ 
    width: 20px; 
    height: 20px; 
    margin-left: 155px; 
    margin-top: 24px; 
} 
.arrow{ 
    width: 20px; 
    height: 20px; 
    margin-top:-50px; 
    margin-left: 230px; 
    } 
.aitem_one{ 
    display: grid; 
    grid-column: 1 / 3; 
    grid-row: 3 / 4; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
} 
 
.aitem_two{ 
    display: grid; 
    grid-column: 1 / 3 ; 
    grid-row: 4 / 4 ; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
}

.aitem_thee{ 
    display: grid; 
    grid-column: 2 / 3 ; 
    grid-row: 3 / 9; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
} 
 
.aitem_four{ 
    grid-column: 2 / 3; 
    grid-row: 4 / 5; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
} 
.kozak{ 
    text-align: center; 
    height: 100px; 
    width: 500px; 
    font-size: 19px; 
} 
.img_kozak{ 
    height: 120px; 
    width: 100px; 
    margin: 0 auto; 
    padding-top:20px; 
    padding-right: 20px; 
    margin-top: 10px; 
} 
 
 
 .main_div_aitem1_h1{ 
    font-size:25px; 
    grid-column: 1 / 2; 
    grid-row: 1 / 2; 
} 
.main_div_aitem1_p{ 
    grid-column: 1 / 2; 
    grid-row: 2 / 2; 
} 
.main_div_aitem1{ 
    width: 520px; 
    height: 180px;   
    grid-row: 4 / 4; 
    grid-column: 1 / 2; 
    background: #006AA7; 
    color: rgb(255, 255, 255); 
    display: grid; 
    grid-template-rows: 35px 120px; 
    grid-template-columns: 390px 100px; 
} 
.main_div_aitem2{ 
    width: 270px; 
    height: 180px; 
    grid-row: 2 / 4; 
    grid-column: 1 / 3; 
} 
.main_div_aitem3{ 
    width: 270px; 
    height: 180px; 
    grid-row: 2 / 4; 
    grid-column: 2 / 3; 
} 
.main_div_aitem1_h1{ 
    font-size: 16px; 
} 
.main_div_aitem2_h1{ 
    font-size: 16px; 
} 
.main_div_aitem3_h1{ 
    font-size: 16px; 
} 
.main_div_aitem3_p{ 
    font-size:16px; 
} 
.main_div_aitem3_p{ 
    font-size: 16px; 
} 
.main_div_aitem3_p{ 
    font-size: 16px; 
} 
.main_div{ 
    width: 900px; 
    display: grid; 
    grid-template-rows:40px 1fr 100px; 
    grid-template-columns: 350px 350px 350px; 
    margin-left: 100px; 
} 
.container_section{ 
    width:1160px; 
    height:520px; 
    margin-left:-100px; 
    display: flex; 
    flex-wrap: wrap; 
} 
.Digitalization_h1{ 
text-align: center; 
width: 100%; 
font-size: 19px; 
} 
.Digitalization_p{ 
text-align: center; 
width: 100%; 
font-size: 16px; 
} 
.section_h1{ 
    height: 280px; 
    width:1000px; 
    display: flex; 
    flex-wrap: wrap; 
    margin-left: 100px;  
    margin: 0 auto; 
 
}

.block{ 
    background: #F9C00D; 
    width: 350px; 
    height: 120px; 
    display: flex; 
    justify-content:space-between; 
     margin-left:10px;  
    margin: 0 auto; 
    margin-bottom: 10px;  
    padding: 10px; 
} 
.passport{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
.diya{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
.mobpay{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
.wallet{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
.artificial-intelligence{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
 
.processor{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
.future_block{ 
    height: 230px; 
    width: 340px; 
} 
.future1{ 
    width: 1072px; 
    height: 456px; 
   margin-left: 50px; 
   margin-top: 200px; 
   display: grid; 
   grid-template-columns:250px 250px 250px; 
    grid-template-rows:30px 20px 250px 250px 250px; 

} 
.future_h1{ 
    grid-column: 2 / 3; 
    grid-row:1 / 4; 
    text-align: center; 
} 
.future_blocks{ 
    display: grid; 
    grid-template-columns:250px 250px 250px; 
    grid-template-rows:30px 20px 250px 250px 250px; 
    font-size: 15px; 
} 
.future_p{ 
    grid-column: 2 / 4; 
    grid-row:2 / 4; 
} 
.future_block:hover{ 
    background: #006AA7; 
    color: rgb(255, 255, 255); 
} 
.future_width0{ 
    display: grid; 
    width: 520px; 
    padding:15px; 
    grid-column: 2 / 3; 
    grid-row:3 / 4; 
} 
.future_width1{ 
    display: grid; 
    width: 520px; 
    padding:15px; 
    grid-column: 1 / 1; 
    grid-row:5 / 6; 
} 
.future_width2{ 
    width: 340px; 
    padding:15px; 
    grid-column: 3 / 4; 
    grid-row:5 / 6; 
} 
.future_width3{ 
    width: 520px; 
    padding:15px; 
    grid-column: 3 / 4; 
    grid-row:4 / 5; 
} 
.future_width4{ 
    width: 520px; 
    padding:15px; 
    grid-column: 1 / 2; 
    grid-row: 4 / 5; 
} 
.future_width5{ 
    width: 520px; 
    padding:15px; 
    grid-column: 3 / 4; 
    grid-row:5 / 6; 
}
}