/* CSS Document */

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
    #header .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9;
        background-color: rgba(0,0,0,0.9);
        z-index: 99;
        /*display: flex;*/
    }
    
    #main-menu {
        display: block !important;
    }
    
    #main-menu li {
        display: block;
        font-size: 19px;
    }
    
    #main-menu li a {
        color: #FFF;
    }
    
    #main-menu li a:hover {
        color: #797979;
    }
    
    #main-menu .sub-menu {
		position: relative;
		left: 0;
		margin: 0 auto -20px;
		background: transparent;
	}
    
    .collapse:not(.show) {
	  	display: none !important;
	}

}

@media (max-width: 767.98px) {
    
	.social-icons {
		margin: 5px 25%;
	}

    p {
	  	text-align: center;
	}
	
	section.section.large {
  		text-align: center;
	}

    .section h3 {
	    font-size: 40px;
	  	text-align: center;
	}
	
	.section h3::after {
		display: none;	
	}
	
    .carousel-item{
    	height: 50vh !important;
    }
    	
    .divider {
    	display: none !important;	
    }
    
    .customize-support #header {
	  	top: 46px;
	}

	.customize-support #header .fixed-logo, 
	.customize-support #header .active-logo {
	    top: 54px;
	}
	
	#header .navbar-toggler {
  		right: 20px;
  		top: 22px;
	}
	
    #header .fixed-logo {
        max-width: 46px;
    }
    
    #header .fixed-button {
        right: 0;
    }
    
    #header .navbar-toggler {
        right: 38px;
    }
    
    #main-banner .play-button svg {
        font-size: 36px;
        border-width: 2px;
        padding: 5px;
    }
    
    .section h2 {
        font-size: 22px;
    }
    
    section.text .btn {
        margin-top: 25px;
        padding: 18px 23px;
    }
    
    #accordion .btn-link {
        font-size: 13px;
    }
    
    #footer .menu {
        text-align: center;
    }
    
    #footer .footer-logo {
        max-width: 28%;
        margin: 25px 0 35px;
    }
    
    #footer .info,
    #footer .info p {
        text-align: center;
    }
    
    #footer .info p {
        line-height: 40px;
        margin-top: 10px;
    }
    
    #main-menu .sub-menu li a {
  		display: block;
	}
}

@media (max-width: 575.98px) {
    
    .customize-support #header {
	  	top: 0px;
	}
	
	.customize-support #header .fixed-logo, .customize-support #header .active-logo {
	  	top: 10px;
	}
    
    #header .navbar-toggler {
	  	right: 15px;
	}

    #gallery-grid .grid-item {
        float: left;
        width: 50%;
    }

}