@media (max-width: 1900px) {
   
    



    .footer__menu ul { 
        justify-content: center; 
    }

    .footer__menu ul li a { 
        margin-left: 75px;
    }

    .footer__menu ul li:first-child a{
        margin-left: 0;
    }




    .footer__thumb-1 { 
        max-width: 20%; 
    }


    .footer__p { 
        padding-right: 183px;
    }



























}


@media (max-width: 1700px) {
    .hero-image {
        right: -185px;
        top: 110px;
    } 
}


@media (max-width: 1600px) {

    .footer__menu ul li a {
        margin-left: 56px;
    }
    .footer__p {
        padding-right: 233px;
    }





}
@media (max-width: 1400px) {
    .footer__menu ul li a {
        margin-left: 45px;
    }

    .footer__p {
        padding-right: 203px;
    }
    .footer__thumb-1 { 
        left: 0;
    }
    .footer__thumb-2 { 
        right: 0;
    }









    .sidebar {
        width: 250px;
    }
 
    .main-middle-content {
        flex-grow: 1;
        width: 565px;
    }

    .right-sidebar {
        width: 265px;
    } 

    .download__btn span {
        font-size: 17px;
    }

    .download__btn a {
        height: 76px;
        padding: 9px;
        padding-left: 10px;
    }

    .download__btn img {
        margin-right: 13px;
    } 

    .showcase1 .show-item:nth-child(2) {
        padding: 1px 25px 1px 10px;
    }

    .server-status-content .single-content .box-content {
        padding: 10px 14px;
    }  

}


@media (max-width: 1200px) {
    .sidebar {
        width: 225px;
    }.footer__p {
        padding-right: 154px;
    }
    .footer__menu ul li a {
        margin-left: 35px;
        font-size: 14px;
    }
    .right-sidebar {
        width: 230px;
    }


    .main-middle-content {
        width: 505px;
    }

    .download__btn img {
        margin-right: 10px;
        max-width: 34px;
    }

    .main-menu ul li a h3 {
        font-size: 14px;
    }


    .main-menu ul li a h4 {
        font-size: 11px;
    }

    .lan-select {
        padding: 3px 5px;
        gap: 4px;
        padding-right: 0;
    }

    .hero-content {
        padding-left: 55px;
    }

    .download__btn a {
        height: 70px;
    }

    .download__btn {
        margin-top: -70px;
    }

    .single__slider__item h2 {
        font-size: 35px;
        padding: 0 26px;
        padding-bottom: 36px;
    }

    .media-wrap {
        padding: 35px 20px 35px;
    }

    .team-online {
        padding: 34px 10px 15px 17px;
    }

    .table-model td.name {
        width: 47%;
    }

    .table-model td {
        padding: 5px;
        font-size: 12px;
        width: 34%;
    }

    .form-model {
        padding: 15px 20px 22px;
    }

    .top-ten-title {
        padding: 15px 21px 17px;
    }

    .single__slider__item {
        padding-top: 80px;
    }

    .hero-image {
        right: -160px;
        top: 110px;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

}

@media (min-width: 992px) {
	.lan-select {
		margin-right: -147px;
	}
	#div_captcha {
		transform:scale(0.84);
		-webkit-transform:scale(0.84);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		height: 40px;
	}
}

@media (max-width: 991px) {
	#div_captcha {
		margin-left: 8px;
	}
    .footer__thumb-1 {
        left: -30px;
    }


    .footer__thumb-2 {
        right: -30px;
    }

    .footer__p {
        padding-right: 50px;
    }
    .footer__menu ul li a {
        margin-left: 28px;
        font-size: 14px;
    }








    .lan-select .nice-select .list li {
        display: block;
    }

    .hero-image {
        right: -120px;
        top: 102px;
    }


    .sidebar {
        width: 50%;
        order: 1;
    }

    .right-sidebar {
        width: 50%;
        order: 1;
    }

    .page-main-section .container {
        flex-wrap: wrap;
    }

    .main-middle-content {
        width: 100%;
        order: 3;
    }

    .header-section .main-menu ul li {
        display: none;
    }

    .header-section .main-menu ul li.fr--mob {
        display: flex !important;
    }

    .offcanvas-open.d-none {
        display: block !important;
    }

    .offmenu li a {
        font-family: var(--font2);
    }

    .offmenu li a h3 {
        margin: 0 0 3px;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-shadow: 1px 0 2px rgba(0, 0, 0, 0.978);
    }

    .offmenu li a h4 {
        font-size: 13px;
        font-weight: 400;
        color: #ede47d;
        margin: 0;
        text-shadow: 1px 0 2px rgba(0, 0, 0, 0.978);
    }

    .hero-content {
        padding-left: 10px;
    }

    .hero-content .hero-data .single-data {
        --area: 123px;
    }


    .hero-section {
        padding: 135px 0 123px;
    }

    .download__btn span b {
        font-size: 13px;
    }

    .download__btn span {
        font-size: 18px;
    }

    .download__btn img {
        margin-right: 15px;
        max-width: 37px;
    }

    .download__btn a {
        height: 70px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }









}


@media (max-width: 767px) {
	.header-video {
		display: none!important;
	}
    .hero-content .site-big-logo {
		height: unset;
	}
    .hero-content .site-big-logo img {
        max-width: 364px;
		display: block;
    }
	.hero-section {
		background: url('../images/hero-bg.png') no-repeat center bottom/cover
	}
	.section-wrapper {
		background: url('../images/page-bg.png') no-repeat center top/cover
	}

    .hero-content .hero-data .single-data h3 {
		font-size: 14px;
	}
    .hero-content .hero-data .single-data p {
        font-size: 11px;
    }

    .footer__menu ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer__menu ul li a {
        margin: 7px 20px;
        display: block;
        text-align: center;
    }


    .footer__main {
        padding-top: 196px;
    }

    .footer__logo {
        max-width: 248px;
        margin-bottom: -209px;
    }

    .hero-image {
        right: -85px;
        top: 102px;
        width: 70%;
    }

    .hero-content .hero-data .single-data {
        --area: 105px;
    }

    .hero-content {
        padding-left: 0px;
        margin-left: 0;
    }

    .footer__p {
        padding-right: 0;
        text-align: center;
    }












}

@media (max-width: 575px) {



    .hero-content .site-big-logo img {
        max-width: 270px;
    }

    .hero-content .hero-data {
        gap: 15px;
    }


    .hero-image {
        right: -100px;
        top: auto;
        width: 107%;
        object-fit: contain;
        bottom: 0;
        height: auto;
    }


    .page-main-section .container {
        padding: 20px;
    }

    .footer__p {
        padding-top: 30px;
        text-align: center;
    }

    .footer__menu ul li a {
        margin: 7px 18px;
        display: block;
        text-align: center;
        font-size: 14px;
    }

    .showcase1 .show-item {
        background-repeat: no-repeat !important;
        background-position: left;
    }

    .single__slider__item h2 {
        font-size: 32px;
        padding: 0 26px;
        padding-bottom: 34px;
    }

    .sidebar {
        width: 100%;
        margin: 0 auto;
    }

    .right-sidebar {
        width: 100%;
        margin: 0 auto;
    }

    .owl-dots button {
        width: 25px;
        height: 7px;
        margin: 0 3px;
    }

    .video__img {
        max-width: 89%;
    }

    .news__thumb__wrapper {
        margin-bottom: 19px;
    }

    .update__thumb {
        margin-bottom: 20px;
    }

    .update__thumb img {
        min-height: 55px;
    }

    .news__bottom__wrapper {
        padding: 11px 10px;
        flex-direction: column;
    }

}

 