@charset "UTF-8";

@media (max-width: 575px) {
    header{
        padding-top: 0.5rem;
    }
    header .logo{
        font-size: 3.5rem;
    }
    header .logotype{
        font-size: 9rem;
        top:0rem;
    }
    div#mobile-menu {
        background: var(--secondary);
        position: fixed;
        top: 75px;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 3rem;
        transition: all linear 300ms;
        transform: translateX(-101%);
        opacity: 0.4;
    }
    div#mobile-menu.is-active{
        transform: translateX(0);
        opacity: 1;
    }
    div#mobile-menu:before{
        content: '';
        display: block;
        position: absolute;
        top:0;
        right: 0;
        left: 0;
        bottom: 0;
        background: url("../img/pattern.png") repeat;
    }
    div#mobile-menu .menu-wrp{
        width: 100%;
    }
    div#mobile-menu ul{
        text-align: center;
    }
    div#mobile-menu ul li{
        display: block;
        color: var(--white);
        padding: 0.5rem;
        font-weight: bolder;
    }
    div#mobile-menu .menu-wrp ul li>a:not(:only-child):after {
        display: none;
    }
    div#mobile-menu ul li ul{
        display: block;
        position: relative;
        transform: scale(1,1);
        height: unset;
        top: 0;
        padding: 0;
        padding-top: 0.3rem;
    }
    div#mobile-menu ul li ul li{
        display: block;
        font-weight: 300;

    }
    h1, .h1 {
        font-size: 3rem;
        line-height: 4.3rem;
    }

    h2, .h2 {
        font-size: 2rem;
    }

    h3, .h3 {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }

    .section-header:before {
        top: 0.7rem;
        right: -4rem;
        width: 40px;
        height: 25px;
    }
    .section-header:after {
        top: 0.7rem;
        left: -4rem;
        width: 40px;
        height: 25px;
    }
    #IranMap .map svg{
        height:350px !important;
        width:312px !important;
    }

    #carousel-2 button.owl-prev {
        left: -1rem !important;
    }
    #carousel-2 button.owl-next {
        right: -1rem !important;
    }
    .section-header:after, .section-header:before{
        display: none !important;
    }
    div#main-event-img {
        height: 35vh;
    }
	.slide p, .slide .divider, .slide button{
		transform:translatex(0);
		opacity:1;
	}
	#slider button.owl-prev, #slider button.owl-next {
    bottom: 0px !important;
    top: unset !important;
	}

	#slider .owl-dots {
		left: 50% !important;
		transform: translateX(-50%);
		bottom: 44px !important;
	}


	#slider .owl-item .slide {
		margin-top: 5vh !important;
		margin-bottom: -7vh !important;
	}
	.over-layer {
		position:relative;
		background: var(--secondary) !important;
	}
	div.maudio .audio-control .progress-bar{
		width:52%;
	}
/* 	.sbi_item:nth-child(1), .sbi_item:nth-child(2), .sbi_item:nth-child(3), .sbi_item:nth-child(4), .sbi_item:nth-child(5), .sbi_item:nth-child(6){
		transform:translatex(0);
	}
	.sbi_item:nth-child(7), .sbi_item:nth-child(8), .sbi_item:nth-child(9), .sbi_item:nth-child(10), .sbi_item:nth-child(11), .sbi_item:nth-child(12){
		display:none !important; */
/* 	} */
	#gform_5 .gform_body{
		width:230px !important;
	}
	header .bht-logo-logotype:before {
    font-size: 84px;
}

header .logotype:before {
    font-size: 150px;
    margin-top: 7px;
}

header.sticky .logotype:before {
    margin-top: -1px;
	font-size: 150px;
}

header.sticky .bht-logo-logotype:before {
    height: 66;
    height: 55px;
}
	
header.sticky .hamburger{
		top:1.7rem !important;
	}
	.lh-4{
		line-height:3rem;
	}
	main section.introduction .slide:before, .post-header:before{
		backdrop-filter: sepia(0.3);
	}
	.scrolling-wrapper-sm {
    overflow-x: scroll;
    overflow-y: hidden;
    flex-wrap: nowrap!important;
    -webkit-overflow-scrolling: touch;
	}.aparat-side figure.effect-layla figcaption,.aparat-side  figure.effect-layla figcaption > a {
    position: relative !important;
    display: block;
    color: #fff !important;
    padding: 0;
    text-align: center;
}

.aparat-side figure.effect-layla {
    background: none;
}

.aparat-side figure.effect-layla figcaption h2 {
    transform: none;
    opacity: 1;
}
	div#aparat-link {
    position: absolute;
    left: 0;
    top: 8rem;
}
	main section.introduction .slide:before, .post-header:before{
		backdrop-filter: sepia(0.2);
	}
	.bg-envelop {
    background-position-x: -8rem;
    background-position-y: -0.5rem;
}
	span#ostan_b {
		right: calc(50% + 8px);
	}
	.close-wrp {
		display:none
	}
}