/*Desktop*/

@media (min-width: 1020px) {
	.mobilecarousel, .fp-controlArrow{
		display: none!important;
	}
    
    .mobile_query{
        display: none!important;
    }
}





/*Mobile*/

@media (max-width: 1020px) {
	.desktopcarousel, .fp-controlArrow{
		display: none!important;
	}    
   	.logo {
        padding: 0px 5px;
        display: flex;
        height: 100%;
	}
	.logo img {
        height: 50px;
        width: 50px;
	}
    
   .header-top {
        height: 72px;
   }
    
   .logo .line {
     height: 55px;
   } 
    
   .text ul li {
    padding: 0px 5px;
    color: white;
    font-size: 10px;
   }  
    
    
   .text ul li:first-child {
    font-size: 16px;
   }
    
   .hbtmenu {
		/*height: 60px;*/
	}
    
    
   .mobile_query{
        background-color: #112432;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 9;
        width: 100%;
        border-top: 1px solid white;
        color: white;
    }
    
    .mobile_query .srhmenu > li {
        text-transform: uppercase;
        font-size: 9px;
        padding: 3px 0px;
        cursor: pointer;
        position: relative;
   } 
    
  .srhmenu > li > i {
    position: absolute;
    left: 50px;
    top: 2px;
  }   
    
    
  .material-icons {
       font-size: 16px !important;
   }
  .mobile_query > ul > li:first-child{
     padding-top: 3px;
  }
    
  .footer-bottom {
        padding: 7px 0px;
        font-size: 7px;
  }
    
 .footer-bottom .text-left{
        text-align: center!important; 
 }
    
.footer-bottom .text-right{
        text-align: center!important; 
}   
    
    
.hcwizard {
    width: 100%;
    margin: auto;
}    
    
.wizard_section {
    top: 10px;
}    
    
   
.card-icon {
    height: 80px;
    width: 80px;
    margin-top: -55px;
}    
    
    
.card-icon svg {
    width: 35px;
    position: relative;
    margin: 24px;
    height: 35px;
}    
    
/* .wizard_section .container .row div:nth-child(2){
           padding-top: 0px;
    }   
    */
    
    
 .mt60{
    padding-top: 50px;
/*    margin-bottom: 0px;*/
}   
  
.hbtmenu {
    background-color: rgba(130, 185, 243, 0.5);
    position: absolute;
    right: 0px;
    bottom: 72px;
    z-index: 9;
    width: 100%;
    /*top: 405px;*/
    top: 65vh;
}
    
    
.hbtmenu > ul > li:first-child {
    width: 100%;
    padding: 5px 5px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid white;
    background: transparent;
    color: red;
    background-color: white;
    opacity: .50;
    height: 30px;
}    
    
    
.hbtmenu > ul > li:last-child {
    width: 100%;
    padding: 10px 10px 35px 10px;
    font-size: 10px;
    font-weight: 600;
    /* border-bottom: 1px solid white; */
    color: red;
    height: 100%;
    /* background-color: black; */
    position: relative;
    overflow: hidden;
}   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .hcwizard p.card-text,
    .rhmenu,
	.rhmenu > li:nth-child(2),
	.rhmenu > li > span,
	.hbtmenu > ul > li > a > span {
		display: none;
	}
    
    
    
    
    
	.m-menu > ul > li:hover .submenu {
		display: none;
	}
	.m-menu > ul > li a:hover span {
		margin-left: 0px!important;
	}

    
    
    
	.secondmenu,
	.hlist-icon,
	.secondtop,
	.footer-middle,
	.footer-two,
	.clistbottom {
		display: none;
	}
	.filter-btn > span {
		display: none;
	}
	.hmenu > li {
		padding: 8px 10px 4px 10px;
	}
	.hmenu > li > i {
		position: static;
		left: 0px;
		right: 0px;
	}


	.hbtmenu > ul {
		width: auto;
	}
	.hbtmenu > ul > li {
		width: 25%;
		padding: 16px 0px;
	}
	.hbtmenu > ul > li > a {
		margin-left: auto;
	}
	.hbtmenu > ul > li > a > svg {
		position: static;
	}
	.m-menu {
		right: 0px;
		top: 0px;
		bottom: 0px;
		width: 300px;
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
	.m-menu.in {
		-webkit-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
	}
	.hgridlist {
		top: 0px;
	}
	.hlist-title {
		height: 84px;
	}
	.hgridlist > li {
		width: 50%;
		height: 184px;
	}
	.hgridlist .hg25 {
		width: 50%;
	}
	.hlist-title h3 {
		font-size: 12px;
	}
	.hlist-title h2 {
		font-size: 16px;
	}
	.hlist-title h3:after {
		width: 40px;
		top: 20px;
	}
	.footer-first,
	.footer-one {
		top: 40px;
		font-size: 12px;
	}
	.footer-first .col-md-3,
	.footer-one .col-md-3 {
		width: 50%;
		margin-bottom: 20px;
	}
	.footer-first h3,
	.footer-one h3 {
		font-size: 16px;
	}
	.f-menu > li > a {
		font-size: 12px;
	}
	.ts-header,
	.top-section {
		height: 190px;
	}
	.ts-header > .tsbgimg {
		width: 180%;
		left: -50%;
	}
	.ts-header > h1 {
		font-size: 24px;
		padding: 118px 0 10px 0;
	}
	.footer-one {
		padding-bottom: 130px;
		padding-top: 40px;
	}
	.clists > li {
		padding-right: 0px;
		padding-left: 0px;
		margin-bottom: 0px;
	}
	.clists > li > a {
		height: 180px;
	}
	.filter-group {
		right: 2px;
	}
	.cbreadcrumb {
		margin-left: -10px;
	}
	.filter-btn {
		background-color: #fff;
		padding: 8px 10px 4px 10px;
	}
	.filter-btn i {
		position: static;
		left: 0px;
		right: 0px;
	}
	.load-more {
		margin-top: 40px;
	}
	.big-heading {
		font-size: 34px;
		margin-bottom: 20px;
	}
	.tabes-menu {
		overflow: scroll;
	}
	.nvtabsm {
		width: 800px;
	}
	.tabes-items {
		margin-bottom: 20px;
	}
	.mediaitems > a {
		height: 94px;
		width: 50%;
	}
	.mombs {
		margin-bottom: 20px;
	}
	.sub-msection {
		margin-bottom: 10px;
	}
	.placeholder {
		width: 100%;
		height: 1px;
		margin: 15px 0px
	}
	.whois2, .whois3{
		margin-top: 30px;
	}
	.whois2>li{
		width: 50%;
	}
	.searcht1{
		width: 90%;
	}
	.searchclose{
		width: 50px;
    	height: 40px;
		text-align: center;
		top: 14px;
    	right: 10px;
	}
	.searchlists>li{
		width: 100%;
	}
	.evenconarea{
		top: 80px;
	}
	.heventsblock{
		overflow: hidden;
	}
	.heventsblock>img{
		width: auto;
		height: 100%;
		margin-left: -50%;
	}
	.evenconarea>p{
		width: 90%
	}
	.evenconarea>h1{
		margin-top: 60px;
    	font-size: 64px
	}
	.evenconarea sup{
		font-size: 24px;
		top: -30px;
	}
	.evenconarea .eventsdate{
		font-size: 34px;
	}
	.submenu, .submenu1{
		position: static;
	}
	.press-l a{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.tabes-row .itemsl {
		float: left;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.tabes-menu {
		margin: 60px 0px 20px 0px;
	}

}

@media only screen and (max-device-width: 320px) and (-webkit-max-device-pixel-ratio: 2) {
/*	.logo img {
    	height: 78px;
	}
	.ts-header, .top-section {
    	height: 166px;
	}
	.ts-header > h1 {
    	font-size: 22px;
    	padding: 106px 0 10px 0;
	}*/
}

@media only screen and (min-device-width: 360px) and (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 3) {
/*	.ts-header, .top-section {
    	height: 188px;
	}*/
}

@media only screen and (min-device-width: 375px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (min-device-width: 384px) and (max-device-width: 384px) and (-webkit-min-device-pixel-ratio: 1.25) {}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {}

@media (min-width: 1280px) and (max-width: 1280px) {
/*	.hgridlist .hg25 {
		width: 25%;
	}
	.hgridlist .hg50 {
		width: 50%;
	}
	.hgridlist > li {
		height: 300px;
	}
	.hgridlist > li > a > img {
		width: 102%;
	}*/
}

@media (min-width: 1440px) and (max-width: 1440px) {
/*	.hgridlist .hg25 {
		width: 25%;
	}
	.hgridlist .hg50 {
		width: 50%;
	}
	.hgridlist > li {
		height: 334px;
	}
	.hgridlist > li > a > img {
		width: 102%;
	}*/
}

@media (min-width: 1600px) and (max-width: 1600px) {}

@media (min-width: 1920px) and (max-width: 1920px) {
/*	.hgridlist .hg25 {
		width: 25%;
	}
	.hgridlist .hg50 {
		width: 50%;
	}
	.hgridlist > li {
		height: 334px;
	}
	.hgridlist > li > a > img {
		width: 102%;
	}*/
}