.head-logo-wrapper .row {
	width: 100%;
	margin: 0;
}

/* 1319px Start*/
@media only screen and (max-width: 1319px) {
	nav .head-nav-main-menu {
	    max-width: 1160px;
	    width: 100%;
	}

	.header-login-wrap {
	    width: 22%;
	}

	.head-right-nav {
	    left: -10px;
	}
}
/* 1319px End*/

/* 1199px Start*/
@media only screen and (max-width: 1199px) {
	.logo-inner {
	    width: 40%;
	}

	.social-inner {
	    width: 28%;
	}

	.header-login-wrap {
	    width: 2%;
	}

	nav .head-nav-main-menu {
	    width: 955px;
	}

	.head-right-nav {
	    left: -40px;
	}

	nav ul.head-nav-ul > li > a {
	    font-size: 11px;
	}
}
/* 1199px End*/

/* 992px Start*/
@media only screen and (max-width: 992px) {
	.lang-wrap {
	    display: none;
	}

	.logo-inner {
	    left: 0;
	}

	.social-inner {
		display: none;
	}

	.social-inner {
	    position: absolute;
	    top: 67px;
	    z-index: 5;
	    left: 100px;
	    width: 75%;
	}

	.head-social-content {
	    width: 40%;
	    float: left;
	}

	.social-inner-mobile {
	    position: absolute;
	    left: 0;
	    width: 100%;
	    display: block;
	    top: 0;
	}

	.ma5-toggle-menu {	    
		position: absolute;
	    top: -65px;
	    left: 0;
	    border: none !important;
	}

	.ma5-toggle-menu i.fa.fa-bars {
	    font-size: 30px;
	}

	.header-login-wrap, .header-account-wrap {
	    width: 520px;
	}

	nav div.head-search-icon {
	    position: relative;
	    right: 0;
	    display: inline-block;
	    float: right;
	    margin-right: 10px;
	}

	nav div.head-search-icon span {
	    line-height: 44px;
	    font-size: 22px;
	}

	.close {
	    right: 46%;
	    top: unset;
	    bottom: -60px;
	    width: 35px;
	    height: 35px;
	}

	.close:before, .close:after {
	    top: 6px;
	    left: 15px;
	    height: 20px;
	}

	.lbox {
		margin: 15% auto 0 auto;
	    max-width: 502px;
	    width: 100%;
	}

	.lbox.lbox-login {
	    max-width: 580px;
	    width: 100%;
	}

	.lbox-login form#login {
	    padding-left: 35px;
	    padding-right: 35px;
	}

	.lbox-register .close {
	    position: relative;
	    right: 0;
	    top: 0;
	    width: 30px;
	    height: 30px;
	    border: 1px solid #707070;
	}

	.lbox-register .close:before, .lbox-register .close:after {
	    top: 5px;
	    left: 13px;
	    height: 18px;
	    background-color: #707070;
	}

	.lbox.lbox-register {
	    max-width: 992px;
	    width: 100%;
	    margin: 0;
	    border-radius: 0;
	}

	.lbox-register .form-title {
		width: 95%;
	    left: 10px;
	    position: relative;
	}
	
	.pn-desktop {
		display: none;
	}

	.pn-mobile {
		display: block;
	}
	
	.sidenav {
	    display: block;
	}

	nav div.head-search-icon {
	    top: 0;
	}

	/* my account mobile */
	.lbox-account .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .lbox-account .col-xs-4 {
        width: 100%;
    }

    .lbox-account .col-xs-8 {
        width: 100%;
    }

    .header-account-btn.active {
        z-index: 0;
        background-color: #ffe000;
    }

    .lbox-account .close {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 30px;
        z-index: 9999;
        height: 30px;
        border: 1px solid #707070;
    }

    .lbox-account .close:before, .lbox-account .close:after {
        top: 5px;
        left: 13px;
        height: 18px;
        background-color: #707070;
    }

    .lbox.lbox-account {
        max-width: 992px;
        width: 100%;
        margin: 0;
        border-radius: 0;
        min-height: 100%;
        height: auto;
        padding: 15px 20px;
    }

    .lbox-account .form-title {
        width: 95%;
        left: 10px;
        position: relative;
    }

    .my-account-wrapper {
        background-color: transparent !important;
        padding: 15px;
    }

    .my-account-wrapper h4 {
        font-size: 1.3rem;
    }

    .lbox-account .um-header {
        border-bottom: none;
        padding: 0;
    }

    .lbox-account .manage-favorites-wrap {
        margin-top: 30px;
        top: -90px;
        left: 75px;
        position: relative;
    }

    .lbox-account .manage-favorites-btn {
        width: 50%;
        font-size: 10px;
    }

    .my-favorites-wrapper .fa-angle-double-down {
        top: -90px;
        left: 75px;
        position: relative;
    }
}
/* 992px  End*/

/* 991px Start*/
@media only screen and (max-width: 991px) {
	.ma5-toggle-menu {
	    left: 110px;
	}

	.logo-inner {
	    left: 15%;
	}

	.header-login-wrap, .header-account-wrap {
	    width: 300px;
	}

	.social-inner-mobile {
	    left: 13%;
	    width: 75%;
	}

	nav div.head-search-icon {
	    margin-right: 120px;
	}
}
/* 991px  End*/

/* 875px Start*/
@media only screen and (max-width: 875px) {
	.logo-inner {
    	left: 80px;
	}

	.head-social-content {
		left: -70px;
	}

	.ma5-toggle-menu {
	    left: 50px;
	}

	.header-login-wrap, .header-account-wrap {
	    width: 330px;
	}

	.social-inner-mobile {
	    left: 6%;
	    width: 87%;
	}

	nav div.head-search-icon {
	    margin-right: 75px;
	}
}
/* 875px  End*/

/* 767px Start*/
@media only screen and (max-width: 767px) {
	.logo-inner {
	    display: inline-block;
	    left: 35px;
	}

	.header-login-wrap, .header-account-wrap {
	    float: right;
	    margin-right: 20px;
	}

	.ma5-toggle-menu {
	    left: 0;
	}

	.logo-inner {
	    left: 10px;
	}

	.social-inner {
	    top: 62px;
	    left: 0;
	}

	.head-social-content {
		width: auto;
	    left: 0;
	}

	nav div.head-search-icon {
	    margin-right: 0px;
	}

	.social-inner-mobile {
	    left: -15px;
	}
}
/* 767px End*/

/* 700px Start*/
@media only screen and (max-width: 700px) {
	.logo-inner {
	    left: 20px;
	}

	.lbox-register .form-title {
		width: 93%;
	    left: 10px;
	}
}
/* 700px End*/

/* 630px Start*/
@media only screen and (max-width: 630px) {
	.logo-inner {
	    left: 50px;
	}

	.free-games-wrapper {
	    width: 100%;
	}
}
/* 630px End*/

/* 592px Start*/
@media only screen and (max-width: 592px) {
	.logo-inner {
	    width: 10%;
	    left: -10px;
	}

	.head-logo-wrapper .logo-inner img {
	    top: 5px;
	    max-width: 250px;
	    position: relative;
	}
}
/* 592px End*/

/* 550px Start*/
@media only screen and (max-width: 550px) {
	.logo-inner {
		left: 10px;
	}

	.social-inner {
	    left: -20px;
	}

	.ma5-toggle-menu {
	    left: -10px;
	}

	.lbox-register .form-title {
		width: 91%;
	    left: 10px;
	}
}
/* 550px End*/

/* 500px Start*/
@media only screen and (max-width: 500px) {
	.logo-inner {
		left: 30px;
	}
}
/* 500px End*/

/* 480px Start*/
@media only screen and (max-width: 480px) {
	.logo-inner {
		left: 0;
	}

	.lbox {
    	margin: 25% 20px 0 20px;
	    width: 92%;
	}

	.lbox-join-login .lbox-title {
	    max-width: 440px;
	    width: 100%;
	    font-size: 2rem;
	}

	.lbox.lbox-login {
	    width: 92%;
	}

	.header-login-btn {
	    min-width: 90px;
	    font-size: 10px;
	}
}
/* 480px End*/

/* 430px Start*/
@media only screen and (max-width: 430px) {
	.logo-inner {
	    left: -15%;
	}

	.head-logo-wrapper .logo-inner img {
	    top: 8px;
	    max-width: 220px;
	}

	.header-login-wrap, .header-account-wrap {
	    width: 130px;
	}

	.lbox-register .form-title {
		width: 89%;
	}
}
/* 430px End*/

/* 415px Start*/
@media only screen and (max-width: 415px) {
	.logo-inner {
	    left: -19%;
	}

	.head-logo-wrapper .logo-inner img {
	    top: 12px;
	    max-width: 195px;
	}

	.ma5-toggle-menu i.fa.fa-bars {
	    font-size: 25px;
	    top: 5px;
	    position: relative;
	}
}
/* 415px End*/

/* 375px Start*/
@media only screen and (max-width: 375px) {
	.head-logo-wrapper .logo-inner img {
	    top: 15px;
	    max-width: 180px;
	}

	.ma5-toggle-menu i.fa.fa-bars {
	    font-size: 20px;
	}

	.lbox {    
		margin: 10% 20px 0 15px;
	}

	.lbox-join-login .lbox-title {
	    font-size: 17px;
	}

	p.section-title-form {
	    font-size: 16px !important;	
	}
	
	.head-social-icons ul li {
	    margin: 0 -2px;
	}
}
/* 375px End*/

/* 355px Start*/
@media only screen and (max-width: 355px) {
	#language-submenu #lang-en, #language-submenu #lang-gh, #language-submenu #lang-id, #language-submenu #lang-in, #language-submenu #lang-ke, #language-submenu #lang-kr, #language-submenu #lang-sc, #language-submenu #lang-th, #language-submenu #lang-vn {
	    max-width: 90px;
	    height: 50px;
	}

	/*
	#language-submenu .lang-sprt.en, #language-submenu .lang-sprt.gh, #language-submenu .lang-sprt.id, #language-submenu .lang-sprt.in, #language-submenu .lang-sprt.ke, #language-submenu .lang-sprt.kr, #language-submenu .lang-sprt.sc, #language-submenu .lang-sprt.th, #language-submenu .lang-sprt.vn {
	    left: 10px;
	    top: 15px;
	    transform: scale(1.7);
	}
	*/

	#language-submenu .lang-sprt.en, #language-submenu .lang-sprt.gh, #language-submenu .lang-sprt.id, #language-submenu .lang-sprt.in, #language-submenu .lang-sprt.ke, #language-submenu .lang-sprt.kr, #language-submenu .lang-sprt.th, #language-submenu .lang-sprt.vn {
	    left: 4px;
	    top: 10px;
	}

	#language-submenu .lang-sprt.sc {
	    left: 11px;
	    top: 18px;
	    transform: scale(1.8);
	}

	#language-submenu .txt-lang {
		font-size: 11px;
		width: 50px;
		left: -10px;
	}
}
/* 355px End*/

/* 350px Start*/
@media only screen and (max-width: 350px) {
	.header-login-btn, .header-account-btn {
	    min-width: 100px;
	    font-size: 10px;
	}

	.logo-inner {
	    left: -16%;
	}

	.head-logo-wrapper .logo-inner img {
	    top: 17px;
	    max-width: 160px;
	}

	.lbox-register .form-title {
		width: 87%;
	}

	.input-field.col .mobile-number-label {
	    font-size: 11px !important;
	}
}
/* 350px End*/