/***************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		
/*		Note: Designed for Desktops
/*
/***************************************************************************************/

@media (max-width: 979px)
 {
    
    
   #logo
	{
		width: 10%;
        margin: 13px 0 0;
	}
    #logo h1 span.char_0,
#logo h2 span.char_0,
#logo h3 span.char_0,
#logo h1 span.char_1,
#logo h2 span.char_1,
#logo h3 span.char_1,
#logo h1 span.char_2,
#logo h2 span.char_2,
#logo h3 span.char_2
#logo h3 span.char_2
{
	font-size: 35px;
	
}
#top-header-row p


{
	line-height: 15px;
	
}
#logo h1 span,
#logo h2 span,
#logo h3 span
{
	display: inline-block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 14px;
	line-height: 1;
}
#top-header-row
{
    height: 25px;
}

#bottom-header-row .mod-newsflash-adv .item_container
{
	background-color: #fff;	
	padding: 80px 5px 71px 10px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	text-align: center;	
}
   
    #bottom-header-row.shift-top {
        margin-top: -10px;
    }
    
      ul.sf-menu li > ul
{
	top: 80px;
	left: 2px;
}
    ul.sf-menu > li > a, 
    ul.sf-menu > li > span {
        padding: 0px 8px;
        line-height: 80px;
    }
    .sequence-slider > .sequence-canvas li.animate-in .info
	{			
		top: 22%;
		padding: 10px;
		width: 84%;
		margin-right: 5%;
	}
	.sequence-slider > .sequence-canvas .info .slide-title	
	{
    	font-size: 28px;
    	line-height: 28px;
	}

    .radial-progress {
        width: 200x;
        height: 200px;
    }
    
    .radial-progress .circle .mask {
        clip-path: inset(0px 0px 0px 100px);
        height: 200px;
        width: 200px;
    }
    
    .radial-progress .circle .mask .fill {
        clip-path: inset(0px 110px 0px 0px);
        width: 204px;
        height: 204px;
    }
    
    .radial-progress .inset {
        height: 204px;
        width: 204px;
    }
    
    .radial-progress .inset .percentage {
        left: 42px;
        top: 80.5px;
    }
    
    .page-category__team .social_team li {
        margin: 0 1px;
    }
    
    ul.gallery .gallery-item {
        margin-top: 0px;
    }

    .page-gallery h3,
    .gallery-grid .view .mask .mask_wrap .mask_cont h3, 
    .gallery-grid .view .content .mask_wrap .mask_cont h3 {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    
    #content-row-1 .custom {
        padding: 45px 30px 30px;
    }
    
    #content-row-3 .gallery-grid .view .mask .mask_wrap .mask_cont, 
    #content-row-3 .gallery-grid .view .content .mask_wrap .mask_cont {
        padding: 10%;
    }
    
    #footer-row-3 .mod-custom__address {
        padding: 50px 40px 40px;
        font-size: 14px;
    }

    /* Добавляем стили для .video-iframe */
    .video-iframe {
        width: 100% !important;
        max-width: 1200px;
        aspect-ratio: 16 / 9;
        float: none !important;
        margin: 10px auto !important;
        display: block !important;
    }
}


