/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 1100px) and (min-width: 1000px) {
	h1.bannerhead{
		font-size: 32px;
	}
	.bannerlist{
		padding-right: 10px;
	}
	.bannerlist li{
		margin-bottom: 15px;
	}

}
@media screen and (max-width: 1100px){
	.visible-smalld{
		display: block;
		margin:30px 0;
	}
	.visible-larged{
		display: none;
	}
	.mbtopcontent h4{
		font-size: 30px;
		margin-bottom: 15px;
	}
	.mbtopcontent .btnjoin{
		background: none;
		padding: 10px;
		font-size: 18px;
		border-radius: 5px;
		border: 1px solid #ffffff;
		color: #ffffff;
	}
}
@media screen and (max-width: 800px) and (min-width: 767px) {
	.hmblogsec .bg-white.logo{
		height: 130px;
		padding-top: 20px;
		border-radius: 10px 10px 0px 0px;
	}

	ul.nav.navbar-nav{
		    display: flex;
	}
	.nav>li>a{
		padding-left: 17px;
		padding-right: 17px;
	}

	h1.bannerhead{
		font-size: 23px;
	    margin-top: 0;
	    margin-bottom: 10px;
	}
	.bannerlist li{
		margin-left: 5px;
	    font-size: 16px;
	    background-size: 20px;
	    margin-bottom: 10px;
	    padding-left: 30px;
	}
	.bannerjoin{
		margin-top: 10px;
	}
	.btnjoin{
		padding: 10px 40px;
		font-size: 20px;
	}
	.smdiscount{
		height: 330px;
	}
	.smdiscount.lng .midimg{
		display: flex;
	}
	.smdiscount .topimg img{
		height: auto;
	}
	.smdiscount .midimg{
		margin-top: -30px;
	}
	.smdiscount.lng .topimg img{
		height: 165px;
	}
	.smdiscount.lng label{
		margin-top: 60px;
	}

	.bottomtopsection .btbox{
		min-height: 380px;
	}
	.iosbt{
		margin-bottom: 20px;
	}
	.row.content .col-md-12 .col-md-12{
		padding-left: 0px;
	}
	.homeslider{
		margin-top: 0px;
		padding-top: 0px;
	}

    .commenu ul li a{
        padding: 10px;
    }
	.hmtopbn h1{
		font-size: 40px;
	}
	.hmtopbn p{
		margin-bottom: 0px;
		padding: 0 10px;
		font-size: 16px;
	}

}

@media (max-width: 768px){
    .comdetails{
        float: left;
        width: 100%;
    }
    .comdetails>.row>div.freebiescol{
        border-left: none;
        border-top: 3px solid #F4F4F4;
        min-height: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .comdetails>.row>div.freebiescol:first-child {
        padding-top: 0px;
        border-top: none;
    }
    .comdetails .hisdiv {
        padding: 20px;
        background: #F9F9F9;
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }
    .comdetails .hisdiv h3 span a{
        float: right;
    }
    .comdetails .hisdiv h3 {
        margin: 0px;
        float: left;
        width: 100%;
    }
    .comdetails .hisdiv h3 span {
        float: right;
        margin-top: 10px;
    }


}

@media (min-width: 768px){
	.modal-dialog {
	    width: 500px;
	}


}



@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height:auto;}
	.topright{
	    margin-top: 7px;
	}
	.topright ul{
	    display: block;
	}
	.muicon,.msicon {
	    position: absolute;
	    font-size: 22px;
	    color: #ffffff;
	    right: 90px;
	    top: 12px;
	    z-index: 9999;
	}
	.msicon{
	    right: 150px;
	}
	.muicon a,.msicon a{
	    color: #ffffff;
	    margin-left: 10px;
	}
	.navbar-header{
	    float: right;
	}
	.navbar-collapse.collapse {
	    text-align: left;
	    margin-top: 46px;
	}
	.iosbt{
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 567px) {
		.hmblogsec
		{
				margin-bottom: 20px;
		}
		.home_hotdis.bannersh .col-md-6{
			margin-bottom: 20px;
		}

		.col-md-4.col-xs-3.mainlogo {
		    margin-top: 10px;
		}
		.blog .single-content{
			padding: 20px;
		}
		.homeslider .featright{
			padding-left: 25px;
			padding-right: 20px;
		}
		.bannerjoin{
			margin-bottom: 30px;
		}
		.smdiscount.lng .midimg {
		    text-align: center;
		    margin-top: -60px;
		    margin-bottom: 0px;
		    margin-left: 0px;
		}
		.smdiscount.lng .midimg img {
		    margin-bottom: 0px;
		    width: 33%;
		    height: auto;
		}
		.smdiscount.lng label{
			margin-left: 0px;
    		margin-top: 20px;
		}
		.smdiscount.lng .topimg img{
			height: 190px;
		}
		h1.bannerhead{
			font-size: 22px;
	    	text-align: center;
    	}

    	.bannerlist li{
    		background-size: 20px;
		    padding-left: 28px;
		    font-size: 15px;
		}
		.navbar-nav .dropdown-menu{
			background: none;
		}
		.topright ul{
			float: left;
		}
		.navbar-nav>li>.dropdown-menu{
			padding-left: 10px;
		}
		.navbar-nav>li.active a, .navbar-nav>li:hover a{
			color: #ffffff !important;
		}
		.bottomsection h1.hmnewsh1{
			line-height: 30px;
			font-size: 18px;
		}

		.bottomtopsection .btbox{
			margin-bottom: 20px;
		}
		.commenu ul li {
		    text-align: center;
		    padding: 0;
		    width: 29%;
		    float: left;
		    margin-left: 2%;
		    margin-right: 2%;
		}
		.commenu ul li a {
		    color: #000000;
		    padding: 5px;
		    font-size: 16px;
		    width: 100%;
		    float: left;
		}
		.commenu ul {
		    display: block;
		    list-style: none;
		    padding-left: 0px;
		    float: left;
		    margin-bottom: 20px;
		    background: #F9F9F9;
		}
		.comdetails>.row>div{
			margin-bottom: 20px;
			padding: 0px;
		}


        .comusercount{
            width: 91%;
        }

		img.comlsmall{
			    max-width: 120px;
            max-height: 120px;
		}
		.mbtopcontent h4{
			font-size: 16px;
		}
		.mbtopcontent .btnjoin{
			font-size: 14px;
		}
        .dcode span.code{
            font-size: 30px;
            width: 240px;
        }

        span.bvprice{
            position: absolute;
            top: 30px;
            width: 123px;
            padding-right: 0px;
            text-align: left;
        }
    span.bvprice img {
        position: absolute;
        top: 19px;
        left: -16px;
    }
    .pfcols{
    	border-left: none;
    	border-top: 3px solid #F4F4F4;
    	 min-height: 150px;
    	 margin-top: 20px;
    	 padding-top: 20px;
    }
    .bvprice{
    	display: none;
    }
    .comdetails{
    	padding: 0px;
    }
    .affiliateclassdiv.single_page{
        padding: 10px;
    }
    h3.ui-accordion-header-active, h3.ui-accordion-header{
        background-position: 5px 50%;
    }
    .ui-accordion-content{
        /*height: auto !important;*/
    }
	.card_type{
		height: auto;
	}
	.card_type p{
		font-size: 16px;
	}
	.card_type .col-md-5.col-xs-12{
		margin-top: 20px;

	}
	.card_type .col-md-5.col-xs-12 .text-right {
		text-align: center !important;
	}
	.hmtopbn{
		float: left;
		width: 100%;
	}
	.hmtopbn h1{
		font-size: 20px;
	}
	.hmtopbn p{
		padding: 10px 0px 0px;
		text-align: center;
		font-size: 16px;
		float: left;
		width: 100%;

	}
	.hmtopbn p span{
		width: 100%;
		float: left;
		text-align: center;
	}
	.activeclassdiv.signup{
		padding: 20px;
	}
	.genderdiv{
		font-size: 16px;
	}

}
@media screen and (max-width: 380px) {
	.comusercount.user{
		top: 140px;
	}
	.comusercount.expires{
		top: 210px;
	}
	.comusercount.expires h1{
		font-size: 24px;
	}
	.comusercount.user h1{
		font-size: 20px;
	}
}
@media screen and (max-width: 320px) {
	.commenu ul li{
		width: 46%;
	}
	img.comlsmall{
		max-width: 75px;
		max-height: 75px;
	}
	.mbtopcontent h4{
		font-size: 13px;
	}
	.mbtopcontent .btnjoin{
		font-size: 12px;
		padding: 8px;
	}
    .dcode span.code{
        font-size: 24px;
        width: 190px;
    }
}