@media screen and (max-width: 1200px){	
.template-C ul{   grid-template-columns: repeat(3, 1fr); gap: 2%; }
}

@media screen and (max-width: 960px){
html, body , .node__content { font-size:16px; line-height:23.5px;}
.btn_schinfo {  background-position: 5% 50%;  background-size: 31px 30px; }
.btn_home {  background-position: 5% 50%;   background-size: 31px 30px; }
.btn_study {  background-position: 5% 50%;   background-size: 31px 30px; }
.btn_support {  background-position: 5% 50%;  background-size: 31px 30px; }
.btn_partners {  background-position: 5% 50%;  background-size: 31px 30px; }
.btn_album {  background-position: 5% 50%;  background-size: 31px 30px; }
.ddsmoothmenu ul li ul li + li a { border-top:0; }
.stellarnav.mobile li a { border-bottom:0}
#main_content{ min-height:200px; padding:0 ;}

.boxing .title{ margin: 0 0 5px 0}
#banner_title .screen::after{ width:200px; height:115px; bottom:-50px;}
.banner_button ul { margin:15px 0 0 -2%; }

.banner_button ul li:nth-child(even)  {
 margin-right:0; width:48%; margin-left:2%;
}
.banner_button ul li:nth-child(odd)  {
 margin-right:0; width:48%; margin-left:2%;
}

.banner_button ul li:nth-child(even):hover  {
 margin-right:0; width:48%; margin-left:2%;
}
.banner_button ul li:nth-child(odd):hover  {
 margin-right:0; width:48%; margin-left:2%;
}
.Userful_link_inside{ }
.banner_button ul li img {
    width: 100% ; 
}
.cd-top{ right:10px; bottom:10px}

.school { position:relative;}
#block_activity ul{ padding:0}
.sentense-block .title{ background-size:29px auto ; padding:15px 15px 15px 35px}
.sentense-block{ padding:0; }
.social_media { width:100% ; margin:20px 0;}
.latest_news .more_area a{ font-size:18px; line-height:23px; padding:10px;}
.latest_news .title span { width:230px ; height:100px; }

.right_top{ margin-right: 0; }
.header .logo{ padding:15px 0 0 0 ;}
.header { height:100px;}
.banner { clear:both}
 header{ width:auto}
#lang ul{ margin:15px -15px 0 0; background:none}
#lang ul li{ margin: 0 0; background: none; } 
#lang ul li+li{ margin:0 0 0 10px}
	
.template-A2 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}	
.slider-slogan{  bottom: 10%; }
.slider-slogan .slogan_text{ font-size: 1.45em;
  padding: 0.45em;
  line-height: 1.6em;
}
.breadcrumb__content{ margin:0}
.breadcrumb::after{ display:none}

.Block_A ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 2%;
}	
.template-A ul{   grid-template-columns: repeat(2, 1fr); gap: 2%; }
.template-B ul{   grid-template-columns: repeat(2, 1fr); gap: 2%; }
.template-C ul{   grid-template-columns: repeat(2, 1fr); gap: 2%; }

	
h1{ font-size:30px; line-height:38px;}
h2{ font-size:26px; line-height:34px;}
h3{ font-size:21px; line-height:30px;}
h4{ font-size:21px; line-height:30px;}
h5{ font-size:21px; line-height:30px;}
h6{ font-size:21px; line-height:30px;}
.blocktitle  { text-font-size:1.4em; margin-bottom:1.2em;  line-height:1.6em;  }
#block-sidebar-nav h2{ padding:	15px 0}
	
#main_content{width:100%}
#sidebar-nav{width:100%}
.view-more , .view-more2{ padding: 50px 0 0 0;}
.useful-links ul{
  grid-template-columns: repeat(2, 1fr); column-gap:
  gap: 10px;
} 
footer .copyright , footer .power{
  text-align: center;
  width: 100%; float: none;
}
#nonbanner_title{ height:auto; text-align: center}
	
.template-A ul li{ margin-bottom:30px;}
#banner_title , #banner_none_title { padding: 15px 0;min-height: 200px; }
#banner_title h1 , #banner_none_title h1 , #nonbanner_title h1{ margin:55px 0;        letter-spacing: 0px;
        text-shadow: 0 0 6px rgba(0, 0, 0, .0); background: none;
        font-size: 23px; padding:0px ;
        line-height: 28px; z-index:2; position:relative;} 
	
.Block_A ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 2%;
}	
.slider-slogan{  bottom: 10%; }
.slider-slogan .slogan_text{ font-size: 1.4em;
  padding: 0.25em;
  line-height: 1.6em;
}
#block-olivero-breadcrumbs{ margin-bottom:0}

.template-A ul{   grid-template-columns: repeat(2, 1fr); gap: 0; display: grid;/*padding-bottom: 50px;*/}
.template-B ul{   grid-template-columns: repeat(2, 1fr); gap: 0; display: grid;/*padding-bottom: 50px;*/}
.template-C ul{   grid-template-columns: repeat(2, 1fr); gap: 0; display: grid;/*padding-bottom: 50px;*/}

.breadcrumb__list{ padding:0 10px;}

.category ul li a {
  padding: 5px 10px; font-size:1.1em;
  margin: 0 10px;
}

}

@media (max-width:576px){
  .template-A ul{   grid-template-columns: repeat(1, 1fr); display: grid;/*padding-bottom: 50px;*/}
.template-B ul{   grid-template-columns: repeat(1, 1fr); display: grid;/*padding-bottom: 50px;*/}
.template-C ul{   grid-template-columns: repeat(1, 1fr);display: grid;/*padding-bottom: 50px;*/}

}