/* ============ --------- ============ */
/* ============ Min Width ============ */
/* ============ --------- ============ */
@media (min-width: 1200px) {
    .container {
        max-width: 1020px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1120px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1320px;
    }
}

/* ============ --------- ============ */
/* ============ Max Width ============ */
/* ============ --------- ============ */
@media (max-width: 1920px) {
    .layout-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:991px) {
    
    /* Top Header */
    .top-header {
        display: block;
    }
    .top-header-left {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }
    .top-header-right {
        justify-content: center;
        margin-bottom: 6px;
    }
    .top-header .header-text {
        text-align: center;
    }
    .top-header .login-button {
        display: none;
    }
    .main-header .login-button {
        display: block;
    }

    /* Slider */
    .rslides img {
        height: 190px;
    }

    /* Nav bar */
    .navigation-area .login-button {
        margin-top: -1px;
        margin-right: 6px;
    }

    .navigation-area .login-button a {
        padding: 1px 8px;
        font-size: 13px;
    }

	.navigation ul li a {
		padding: 0 11px;
	}

	li.menu-item-has-children>a:before {
		top: 2px;
		right: 3px;
	}

    .navigation>ul>li>a {
        border-right: 0;
    }

	.tg-nav {
		padding: 0;
	}

	.tg-nav .navbar-toggle {
		margin: 0;
		border: 0;
		width: 40px;
		height: 40px;
		padding: 9px;
		border-radius: 0;
	}

	.tg-nav .navbar-toggle .icon-bar {
		background: #fff;
	}

	.navigation {
		left: 0;
		top: 100%;
		padding: 0 15px;
		background: #fff;
		margin: 10px 0 0;
		position: absolute;
	}

	.navigation>ul>li {
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	.sub-menu {
		opacity: 1;
		width: 100%;
		float: left;
		display: none;
		position: static;
		box-shadow: none;
		visibility: visible;
	}

	.mega-menu {
		float: left;
		opacity: 1;
		display: none;
		position: static;
		box-shadow: none;
		visibility: visible;
		width: 100% !important;
	}

	.mega-menu.tg-fullmegamenu {
		float: left;
		width: 100% !important;
	}

	.tg-dropdowarrow {
		display: block;
	}

	.sub-menu li.menu-item-has-children>a:after,
	a[data-new]:after,
	a[data-new]:before,
	.navigation ul li:hover a[data-new]:after,
	.navigation ul li a:hover[data-new]:after,
	li.menu-item-has-children>a:before {
		display: none;
	}

	.navigation>ul>li.current-menu-item>a,
	.navigation>ul>li:hover>a,
	.navigation>ul>li>a:hover {
		color: #333;
		background: none;
	}

    /* main */
    .scrolling_notices .latest_icon li {
        line-height: 18px;
        margin-bottom: 12px !important;
        font-size: 13px;
    }

    .padding-none {
        padding: 0;
    }
}

@media (max-width:767px) {
    .my-container {
        /* width: 300px; */
        width: 95%;
    }

    .layout-wrapper.container,
    .top-header.container,
    .main-header .container,
    .main-content.container {
        max-width: 100% !important;
    }

    .top-header {
        padding: 3px 0px 3px 0px;
    }

    /* Slider */
    .rslides img {
        height: 190px;
    }

    /* Main Content */
    .alphabet-search-area .alphabet-div {
        column-gap: 9px;
        row-gap: 16px;
    }

    .alphabet-search-area .alphabet-div button {
        padding-top: 3px;
        width: 45px;
        height: 30px;
        font-size: 14px;
    }
}

@media (max-width:640px) {
    /* Top deader */
    .top-header-area {
        padding-left: 0;
        padding-right: 0;
    }

    /* Slider */
    .rslides img {
        height: 170px;
    }
    .slider-area {
        padding: 0px;
    }

    /* Header */
    .main-header {
        padding: 0px;
    }
}

@media (max-width:575px) {
    /* select2 search area */
    .select2-search-area {
        margin-top: 5px;
        margin-bottom: 3px;
        flex-direction: column;
    }
    .go-btn-area {
        text-align: center;
    }
    .select2-search-area #go {
        margin: 0;
        padding: 2px 10px;
        width: 100%;
    }

    /* Slider */
    .rslides img {
        height: 160px;
    }

    /* Main Content */
    .alphabet-search-area .alphabet-div {
        column-gap: 8px;
        row-gap: 12px;
    }

    .alphabet-search-area .alphabet-div button {
        padding-top: 3px;
        width: 43px;
        height: 28px;
        font-size: 13px;
    }

    /* Main search2 */
    .main-search2 .search-input-area,
    .main-search2 .search-submit-btn {
        border-left: 0;
    }

    .main-search2 input {
        width: 100%;
        padding: 10px 10px 6px 10px;
    }

    .main-search2 .search-submit-btn button {
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 14px;
    }
}

@media (max-width:480px) {
    /* Slider */
    .rslides img {
        height: 130px;
    }
}

@media (max-width:360px) {
    /* Slider */
    .rslides img {
        height: 110px;
    }
}


/* ============ --------- ============ */
/* ============ Min Width ============ */
/* ============ Max Width ============ */
/* ============ --------- ============ */
@media (min-width: 992px) and (max-width: 1199px) {
    /* select2 search area */
    .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
        width: 104px !important;
    }
    .select2-container--bootstrap-5 {
        width: 104px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .my-container {
        width: 768px;
    }
}

/* @media only screen and (min-width: 480px) and (max-width: 767px) {
    .my-container {
        width: 420px;
    }
} */