@media (max-width: 1200px){
	
	.banner {
		max-width: 100%;
	}
}
@media (max-width: 1024px){
	
	.banner {
		max-width: 300px;
		margin: 0 auto;
		display: block;
		margin-top: 65px;
	}
}
@media (max-width: 992px){
	.logo_box.d-none {
		display: block !important;
		text-align: center;
	}
	.img-fluid{display: none;}
	.home-banner .row .col-lg-6:first-child{order: 2;}
    .home-banner .row .col-lg-6:last-child{order: 1;}
}
@media (max-width: 768px){
	
	.home-banner h1 {
		font-size: 25px !important;
		font-weight: 600;
		margin-bottom: 20px;
		text-align: center;
	}
	h3 {
		font-size: 20px !important;
		font-weight: 600;
		text-align: center;
	}
	.join-telegram-btn {
		margin-bottom: 30px;
		font-size: 14px;
		
	}
	.d-table-cell.align-middle {
		text-align: center;
	}

	

    .d-xs-none{

        display: none;

    }

	.home-banner .banner {
		width: 100%;
		margin: auto;
		display: block;
		margin-bottom: 50px;
	}



    header .navbar-nav{

        flex-direction: inherit;

    }



    .home-banner h1{

        font-size: 50px;

    }



    .telegram-btn{

        font-size: 25px;

        display: flex;

        padding: 15px 25px;

        margin-top: 20px;

    }



    .telegram-btn span{

        position: relative;

        top: 10px;

    }



    .telegram-btn a{

        font-size: 20px;

    }



    .telegram-btn img {

        width: 30px;

    }



    .home-banner-icon img{

        width: 60px;

        padding: 0px 10px;

        margin-top: 30px;

    }



    .home-banner .banner{

        width: 300px;

        margin: auto;

        display: block;

		margin-bottom: 50px !important;
    }

}



@media (max-width: 468px){

    .d-xs-none{

        display: none;

    }



    .logo{

        width: 50px;

    }



    header .navbar-nav .nav-link{

        padding: 10px 19px !important;

        font-size: 13px;

    }



    header .navbar-nav .nav-link img {

        width: 19px;

    }



    header .navbar-nav{

        flex-direction: inherit;

    }



    .home-banner h1{

        font-size: 30px;

    }



    .telegram-btn{

        font-size: 15px;

        display: flex;

        padding: 15px 15px;

        margin-top: 16px;

    }



    .telegram-btn a{

        font-size: 11px;

    }



    .telegram-btn img {

        width: 20px;

    }



    .home-banner-icon img{

        width: 50px;

        padding: 0px 10px;

        margin-top: 20px;

    }



    .home-banner .banner{

        width: 100%;

        margin: auto;

        display: block;

    }



    .telegram-btn span{

        position: relative;

        top: 10px;

    }

}