@media only screen and (max-width: 1100px) {
    .menu__container .menu-item.menu-item-has-children a::after {
        display: none;
    }

    .menu__container .menu-item.menu-item-has-children:hover > ul {
        display: none;
    }

    .menu-center .menu-icon {
        display: block;
    }

    .menu__container {
        display: none;
    }

    .menu-center .menu-btn:checked ~ .menu__container {
        background-color: #2e3a4e;
        display: block;
        height: 100vh;
        position: absolute;
        right: 0;
        top: 47px;
        width: 300px;
    }

    .menu__container .menu-item a {
        color: #ffffff;
    }

    .menu__container .menu-item {
        align-items: center;
        border-bottom: 1px solid #374151;
        position: relative;
        width: 100%;
    }

    .submenu-arrow {
        display: block;
        padding: 20px;
        position: absolute;
        right: -5px;
        top: -5px;
    }

    .menu-arrow--checkbox:checked + .sub-menu {
        display: block !important;
    }

    .menu__container .menu-item:last-child {
        padding: 0;
    }

    .menu-center .menu-btn:checked ~ .menu__container .menu-item {
        width: 100%;
    }

    .menu__container .menu-item .sub-menu {
        position: unset;
    }

    .menu__container .menu-item .sub-menu .column {
        columns: unset;
        padding: 0;
    }

    .menu__container .menu-item .sub-menu .column li.menu-item {
        padding: 0 0 10px 0;
    }
	
	.pricing-table-container{
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 768px) {
    .header__logo-img {
        max-width: 97%;
        height: auto;
    }

    .header__container {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header__text-content {
        display: none;
    }

    .home__banner-content__title {
        font-size: 28px !important;
    }

    .post-content h2 {
        font-size: 20px;
    }

    .post-content h3 {
        font-size: 16px;
    }
	
	.forexhead {
		font-size: 16px!important;
	}

    .alignright {
        float: unset;
        margin: 10px 0;
    }

    .back-top {
        display: none;
    }

    .post-content__top-container {
        display: block;
        padding: 10px;
    }

    .post-content__top-text{
        width: 100%;
    }

    .post-content__top-container .alignright {
        display: none;
    }

    .forex-rating-table__wrapper {
        overflow-x: scroll;
    }

    .forex-rating-table__header,
    .forex-rating-table__row {
        width: 680px;
    }

    .forex-rating-table__logos-section {
        overflow-x: scroll;
    }

    .forex-rating-table__logos-buttons,
    .forex-rating-table__just-logos {
        width: 680px;
    }

    .forex-rating-table__btn {
        font-size: 12px !important;
    }

    .sidebar_and_content {
        display: block;
        margin: 0;
    }

    .postvideo {
        float: unset;
        margin-bottom: 10px;
        width: 100%;
    }

    .entry-content h2 {
        font-size: 22px !important;
    }

    .top-forex-trading-area h2 {
        font-size: 22px !important;
    }

    .entry-content h3 {
        font-size: 20px !important;
    }

    .webvisitbtn {
        display: block;
        margin: 15px 0 0 0 ;
        max-width: 100%;
        width: 100%;
    }

    .rating-title-left {
        width: 100% !important;
    }

    .rating-title-right {
        width: 100% !important;
        margin: 15px 0 !important;
    }

    .rating-col-area {
        flex-direction: column;
    }

    .rating-col {
        width: 100% !important;
    }

    .author-wrapper {
        margin: 20px 0;
        justify-content: space-between;
    }

    .author-data {
        margin: 0;
    }

    .sidebar {
        width: 270px;
    }

    .navigation {
        height: 75px;
    }

    .cookie-bar {
        display: block;
        padding: 12px;
    }

    .search__box {
        display: none !important;
    }

    .rgt_about_feature,
    .about_feature {
        float: none;
        width: 100%;
    }

    .forex-rating-table__logo img {
        max-width: 90%;
        height: auto;
    }

    .page-grid-container {
        columns: 1;
    }

    .post-content h1 {
        font-size: 30px;
    }
	.animation-info-area{display:none;}
	.animation-info-area:first-child,.animation-info-area:last-child {display:block;}
}

@media only screen and (max-width: 480px) {
    .home__banner-content__title {
        font-size: 19px !important;
    }
    .post-content h1 {
        font-size: 19px;
    }
}