/*===============================
    desktop/leptop layout.
===============================*/
@media only screen and (min-width:991px)  {

.login-form button[type=button] {
    position: absolute;
    right: -58px;
    top: 18px;
    /* font-weight: 700;
    padding: 15px 6px;
    border: 4px solid #f7c90a;
    border-radius: 20px;
    background: #21ff33;
    background: -moz-linear-gradient(top, #21ff33 0%,#121312 50%,#03a00f 100%);
    background: -webkit-linear-gradient(top, #21ff33 0%,#121312 50%,#03a00f 100%);
    background: linear-gradient(to bottom, #f7c90a 0%,#5d5607 50%,#f7c90a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21ff33', endColorstr='#03a00f',GradientType=0 ); */
}

#btnReg{
    position: absolute;
    right: -58px;
    top: 18px;
}


	.login-form .row .col-sm-2 {
		padding-right: 2px;
	}

	.login-form .row .col-sm-4 {
		padding-left: 2px;
	}

}

@media only screen and (min-width:991px) and (max-width:1199px) {
    .top-menu ul li a {
        font-size: 12px;
		padding: 10px 24px;
    }
    .login-form button[type="submit"] {
        right: 0;
    }
    .mainmenu li a {
        padding: 10px 12px;
    }
    .togle-sec ul li ul.togle-circle li {
        margin: 0 5px;
    }
    .togle-sec ul li ul.togle-circle {
        margin-left: 30px;
    }
    .currency {
        top: 12px;
        font-size: 45px;
    }
    .header-middle {
        width: auto;
    }

    .brand-list {
        margin-top: 10px;
    }
    .login-form {
        padding-right: 100px;
    }
	
	#jackpot { color:#fff;font-size:50px;background : transparent; max-width:420px;height:50px;border : 0; margin-top : 10px;}

	
	
}



/*==============================
    Tablet Layout
=============================*/

@media only screen and (min-width:768px) and (max-width:990px) {
    .top-menu ul li a {
        font-size: 10px;
        padding: 8px 12px;
    }
    .top-menu ul li a i.fa {
        padding-right: 3px;
        font-size: 13px;
    }
    .login-form {
        float: none;
        padding: 0 !important;
        width: auto;
        display: block;
        margin: 0 auto;
    }
    .mainmenu li a {
        padding: 10px 7px;
        font-size: 12px;
    }

    .login-form button[type="submit"] {
        display: none;
    }
    .header-middle {
        width: auto;
    }
    .logo {
        text-align: center;
    }
    .toggle-title {
        margin-top: 10px;
    }
    .currency {
        font-size: 36px;
        top: 20px;
    }
    .brand-list a {
        width: 48%;
    }
    .brand-list {
        margin-top: 10px;
    }
}



/*===================================
    normal/small mobile layout.
===================================*/

@media only screen and (max-width:767px) {
    .top-menu ul li a {
        font-size: 10px;
        padding: 8px 12px;
        margin: 3px;
    }
    .top-menu ul li a i.fa {
        padding-right: 3px;
        font-size: 13px;
    }
    .login-form {
        float: none;
        padding: 0 !important;
        width: auto;
        display: block;
        margin: 0 auto;
        right: 0;
        position: relative;
    }
    .mainmenu li a {
        padding: 10px 7px;
        font-size: 12px;
    }

    .login-form div[type="button"] {
        position: relative;
        /* width: 94%; */
        /* margin: 5px 10px; */
        /* border-radius: 20px; */
        /* border: 1px solid #121312; */
        /* padding: 5px 15px; */
        /* font-weight: 700; */
        /* font-size: 14px; */
        /* text-transform: capitalize; */
        /* background: #caa805; */
        left: 88px;
        top: 8px;
}

    .header-middle {
        width: auto;
    }
    .logo {
        text-align: center;
    }

    .single-slide-item {
        height: 160px;
    }
    .toggle-title {
        margin-top: 10px;
        font-size: 24px;
    }
    .currency {
        font-size: 36px;
    }
    .full-width-banner {
        height: 70px;
    }
    .brand-list a {
        width: 48%;
    }
    .boxed-btn {
        padding: 9px;
    }
    .togle-sec ul li ul.togle-circle li {
        margin: 0 5px;
    }
    .togle-sec ul li ul.togle-circle {
        margin-left: 15px;
    }
    .banner-list-wrap a {
        width: 100%;
    }
    .brand-list {
        margin-top: 10px;
    }
    .brand-list a {
        width: 45%;
    }

    .social-links {
        text-align: center;
    }
    .social-links .text-right {
        text-align: center;
    }
    .footer-area .text-right {
        text-align: center;
        margin-top: 10px;
    }
    .footer-area .text-right p {
        font-size: 14px;
    }

    .full-width-banner img {
        height: 70px;
    }
    .currency {
        font-size: 13px;
        right: 10px;
        margin-top: 23px;
    }

    .mainmenu {
        display: none;
    }
    .slicknav_menu {
        display: block;
    }
    .slicknav_btn {
        background-color: #f7c90a;
        display: inline-block;
    }
    .slicknav_menu {
        text-align: center;
        background: transparent;
    }
    .slicknav_nav a:hover {
        border-radius: 0;
        background: #948800;
        color: #fff;
    }
    .slicknav_menu .slicknav_menutxt {
        text-shadow: 0 0 0;
    }
    .slicknav_nav {
        background: #f7c90a;
        box-shadow: 0 0 10px #777;
    }
     .slicknav_nav a {
        text-decoration: none;
        margin: 0;
        padding: 7px;
    }
    .slicknav_nav li {
    border-top: 1px solid #f7c90a;
    border-bottom: 1px solid #8a6d3b;
    }
    .slicknav_nav li:first-child {
      border-top: none;
    }
    .slicknav_nav li:last-child {
      border-bottom: none;
    }

	#jackpot { color:#fff;font-size:20px;background : transparent; max-width:180px;height:20px;border : 0; margin-top : 2px;}
	
	/* .promo-text marquee { */
		/* margin: 0; */
		/* color: #fff; */
		/* text-transform: capitalize; */
		/* font-weight: 700; */
		/* max-width : 220px; */
		/* left:90px; */
	/* } */
	.top-menu {
	display: none;
	}
	.dropdawn-top-menu {
    display: block;
	}
	

}



/*==============================
    wide mobile layout
================================*/

@media only screen and (min-width:480px) and (max-width:767px) {
	.testting{
		padding-right:150px;
	}
    .banner-list-wrap a {
        width: 50%;
    }
    .currency {
        font-size: 24px;
        right: 20px;
        margin-top: 15px;
    }
	.dropdawn-top-menu {
    display: block;
	}
}



/*==============================
    wide mobile layout
================================*/

@media only screen and (max-width:320px) {
	
    .banner-list-wrap a {
        width: 50%;
    }
    .currency {
        font-size: 24px;
        right: 20px;
        margin-top: 15px;
    }
	.dropdawn-top-menu {
    display: block;
	}
	/* .promo-text marquee { */
		/* margin: 0; */
		/* color: #fff; */
		/* text-transform: capitalize; */
		/* font-weight: 700; */
		/* max-width : 190px; */
	/* }	 */
}