.footer-desktop{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 160px !important;
	clear:both;
	display:block;
	}
	.footer-mobile{
		display:none;
	}
	
	.footer-address{
	color:#fff;
	width:42%;
	float:left;
	display:inline;
	margin-left:33px;
	}
	
	.footer-list{
		width:42%;
		display:inline;
		float:left;
		text-align: right;
	}
	.footer-list ul{
		list-style:none;
	}
	.footer-list ul li {
		color:#fff;
		display:block;
		font-size:13px;
	}
	.reviews-all{
		padding: 20px 160px !important;
		
		clear:both;
		overflow:auto; 
		margin-bottom:20px;
	}
	.reviews {
		width:18%;
		display:inline;
		float:left;
		font-size: 18px;
		text-align:center;
		margin-left:1%;
		margin-right:1%;
	}
	
	.review-content{
		color:#7a7a7a;
		text-align:center;
		font-style: italic;
		margin-bottom:10px;
	}
	
	.review-name{
		color:#666666;
		text-align:center;
		font-style: italic;
		font-size:18px;
		margin-top:10px;
	}
	.checked {
	  color: #f2b01e;
	}
	
	.costomer-feedback{
		padding:30px 40px; 
		margin-bottom:20px; 
		margin-top:40px; 
		background-color:#F3FBFF; 
		font-size:30px; 
		text-align:center;
	}
	.work-with-all{
		padding: 20px 160px !important;
		text-align:center;
		clear:both;
		overflow:auto; 
		margin-bottom:20px;
		margin-top:20px;
	}
	.work-with {
		width:auto;
		display:inline;
		float:left;
		font-size: 18px;
		text-align:center;
		margin-left:1%;
		margin-right:1%;
	}
	
	.work-with-content{
		color:#7a7a7a;
		text-align:center;
		font-style: italic;
		margin-bottom:10px;
	}
	
	.work-with-content-gdc{
		height: 100px; 
		width: 157px; 
   		background-image: url(/images/work-with/gdc.PNG);
	}
	
	.work-with-content-cqc{
		height: 63px; 
		width: 180px; 
		margin-top:30px;
   		background-image: url(/images/work-with/cqc.PNG);
	}
	
	.work-with-content-ico{
		height: 140px; 
		width: 212px; 
    	background-image: url(/images/work-with/ico.PNG);
	}
	
	.work-with-content-invisalign{
		height: 90px; 
		width: 257px; 
    	background-image: url(/images/work-with/invisalign.PNG);
	}
	
	.work-with-content-smilefast{
		height: 74px; 
		width: 257px; 
		margin-top:30px; 
		background-size: 258px 81px; 
    	background-image: url(/images/work-with/smilefast-3.PNG);
	}
@media (max-width:1200px){ /* PC*/
	.hidden-lg{
		display:none;
	}
	#nav ul li a{
		font-size:14px;
	}


	.footer-list ul{
		list-style:none;
	}
	.footer-list ul li a{
		color:#fff;
		margin-bottom:10px;
		display:block;
		font-size:13px;
	}
	.footer-list ul li {
		color:#fff;
		margin-bottom:10px;
		display:block;
		font-size:13px;
	}
	.footer-address{
	color:#fff;
	width:42%;
	float:left;
	display:inline;
	margin-left:33px;
	}
	
	.footer-desktop{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}
	
	.footer-mobile{
		display:none;
	}
}

@media (max-width:1020px){ /* Tablet*/
.footer-desktop{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}
	.footer-mobile{
		display:none;
	}
	#footer-bottom h4{
		float:none;
		width:100%;
		text-align:center;
	}
	#footer-bottom img{
		float:none;
		margin:0 auto;
	}
	.dash-box.dash-box-grey h2 span{
		font-size:60px;
	}
	.dash-box.dash-box-grey h2{
		font-size:40px;
		line-height:60px;
	}
	.dash-box.dash-box-grey p{
		font-size:14px;
	}
	.dash-box.dash-box-grey a.button{
		margin:0;
		width:100%;
		box-sizing:border-box;
		text-align:center;
		height:40px;
	}
	#cc-text{
		width:100%;
		box-sizing:border-box;
	}
	#cc-opt a.button{
		margin:10px 0 0 0;
	}
}

@media (max-width:992px){ /* Tablet*/
.footer-desktop{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}
	.footer-mobile{
		display:none;
	}
	.hidden-md{
		display:none;
	}
	#search input{
		width:100%;
		box-sizing:border-box;
	}
	#search{
		width:100%;
		box-sizing:border-box;
	}

	#nav ul li{
		width:13.5%;
	}
	#nav ul li a{
		font-size:12px;
	}
	.slideshow-controls{
		bottom:auto;
		top:10px;
	}
	.homepage-banner {
        height: 215px !important;
    }
    .mobile-homepage-banner {
        height: 418px !important;
    }
    
    .main-content-mobile{
	padding:40px 60px; 
	clear:both;
	text-align:center;
	font-style:roboto;
	color:#333333;
	display:block;
	}
	
	.page-content-mobile{
	padding:10px 20px; 
	clear:both;
	text-align:center;
	font-style:roboto;
	color:#333333;
	display:block;
	}
	
    .tabs li a{
    	font-size:18px;
    }


    .banner-orange{
    	background-image:none !important;
    }

    #banner.tradelife-banner .left-banner-text{
    	top:180px;
    	width:28%;
    }
}

@media (max-width:880px){ /* tablet*/
.footer-desktop{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}
	.footer-mobile{
		display:none;
	}

	.homepage-banner {
        height: 190px !important;
    }
    .mobile-homepage-banner {
        height: 416px !important;
    }


	#banner.tradelife-banner .left-banner{
		width:100%;
		margin-bottom:20px;
		background:#54A2D1 !important;
		height:auto;
	}
	#banner.tradelife-banner .left-banner-text{
		position:relative;
		top:auto;
		left:auto;
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	#banner.tradelife-banner .left-banner-text p{
		float:none;
	}
	#banner.tradelife-banner .left-banner-text h1{
		font-size:36px;
		text-transform:none;
		margin-bottom:20px;
	}
	#banner.tradelife-banner .side-banner{
		width:100%;
		height:auto;
	}
	#banner.tradelife-banner .side-banner span.number{
		width:4%;
		margin-bottom:0 !important;
	}
	.dashboard-left, .dashboard-right{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.dash-box{
		height:auto;
	}

	.dash-box.orange{
    	display:none;
    }

}

@media (max-width:768px){ /* Tablet*/

	.footer-desktop{
		display:none;
	}
	.mobile-btn img, .locator-icon img {
    width: 30px;
	}
	.footer-mobile{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}
	
	
	.footer-list{
		width:42%;
		display:inline;
		float:left;
		text-align: right;
	}
	.footer-address{
	color:#fff;
	width:42%;
	float:left;
	display:inline;
	margin-left:33px;
	margin-top: 70px;
	}
	
	.footer-desktop{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}
	.logo{
		display:none;
	}
	.logo-mobile {
    display: block;
    position: absolute;
    top: 20px;
    left: 68%;
    width: 266px;
    height: 83px;
}
	.locator-icon{
		display:block;
		float:right;
		margin:20px 0 0 0;
	}
	.hidden-sm{
		display:none;
	}
	#header{
		padding-top:0;
	}
	#header .cost{
		display:none;
	}
	.mobile-btn{
		display:block;
		margin-right:25px;
	}
	.contact-mobile{
		display:block;
	}
	.mobile-btn#mobile-nav-btn{
		float:left !important;
	}
    .moblie-menu{
		display:none;
	}
	.mobile-nav{
		background:#0c0c0c;
		position:absolute;
		top:0;
		right:0;
		color:#fff;
		width:280px;
		-webkit-box-shadow: inset 10px 0px 17px -7px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 10px 0px 17px -7px rgba(0,0,0,0.2);
		box-shadow: inset 10px 0px 17px -7px rgba(0,0,0,0.2);
		z-index:10;
	}
	.mobile-nav ul{
		list-style:none;
	}
	.mobile-nav a{
		color:#fff;
		padding:15px 25px;
		display:block;
		text-transform:capitalize;
	}
	.mobile-nav ul li{
		border-bottom:1px solid rgba(255,255,255,0.7);
	}
	.mobile-nav li h4{
		display:block;
		padding:15px 20px;
		opacity:0.6;
		color:#fff;
	}
	.mobile-nav ul ul{
		background:#0c0c0c;
		z-index:1;
	}
	.mobile-nav ul ul li{
		border-bottom:1px solid rgba(255,255,255,0.4);
		z-index:1;
	}
	.mobile-nav ul ul li a{
		padding:15px 45px;
		background:url('/images/generic/arrow-right-white.png') 25px center no-repeat;
	}
	.mobile-nav ul li img{
		float:left;
		height:40px;
		margin:4px 0 0 20px;
	}
	#search, #search input{
		width:100%;
		box-sizing:border-box;
	}



	#filter{
		display:none;
	}

	
	#sort-by{
		width:100%;
		float:left;
		margin-bottom:20px;
	}

	.back-to-top{
		float:left;
		clear:left;
	}

	#buy p.price{
		width:auto;
		font-weight:bold;
		color:#ffffff;
		font-size:27px;
		float:left;
	}

	.zoom{
		display:none;
	}

	.about-us{
		width:100% !important;
		margin-bottom:20px;
	}



   
    #banner.tradelife-banner .side-banner span.number{
    	width:auto;
    }
   
    
    .ticket-btns{
    	position:relative;
    	top:auto;
    	right:auto;
    }

   
    .homepage-banner {
        height: 150px !important;
    }

	#header .wrapper{
		padding:0;
	}
	#search{
		background:#fff;
		margin:10px 3% 0 6%;
		width:89%;
	}
	.reviews-all {
    padding: 20px 31px !important;
    width: 100%;
    overflow:auto; 
	margin-bottom:20px;
}
	.reviews {
		width:18%;
		display:inline;
		float:left;
	}
}

@media (max-width:540px){ /* Phone */

	.footer-desktop{
		display:none;
	}
	
	.footer-mobile{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}

	.logo-mobile{
		top:25px;
		left:83%;
		width:76px;
	}
	

        p.red{
	color:red;
	clear:both;
	margin-left:0px;
        }


	#add-employee{
		clear:both;
		width:100%;
		box-sizing:border-box;
		text-align:center;
		margin-top:10px;
	}
	h2.orange{
		width:100%;
		box-sizing:border-box;
		padding:20px;
	}
	#file_upload{
		border:0;
	}

    .homepage-banner {
        height: 110px !important;
    }
    .mobile-homepage-banner {
        height: 110px !important;
    }
    .course-list{
    	font-size:10px;
    }

}

@media (max-width:480px){ /* Phone */

.footer-desktop{
		display:none;
	}
	
	.footer-mobile{
	background-color:#0c0c0c;
	/* padding:20px 30px !important; */
	padding:20px 0px !important;
	clear:both;
	display:block;
	}

	.logo-mobile {
	    top: -5px;
	    left: 67%;
	    width: 163px;
	}
	.mobile-btn img,
	.locator-icon img{
		width:30px;
	}
	.hidden-xs{
		display:none;
	}
        .hidden-ys{
		display:block;
	}
	.tabs li a{
		font-size:12px;
	}
	#footer-bottom img{
		width:80%;
	}
	

	.dash-box.dash-box-grey a.button{
		height:auto;
	}

	.homepage-banner {
        height: 90px !important;
    }
    .mobile-homepage-banner {
        height: 90px !important;
    }
    #buy p.price{
    	font-size:20px;
    }

    .mobile-btn{
    	margin-left:10px;
    }
    .reviews-all{
		padding: 20px 0px !important;
		
		height:auto;
		margin-bottom:20px;
		text-align:center;
		overflow:auto; 
	}
    .reviews {
		width:90%;
		display:block;
		float:left;
		font-size: 18px;
		margin-bottom:20px;
		padding-left:5px;
		padding-right:5px;
	}
	
	.work-with-all{
		padding: 0px 0px !important;
		text-align:center;
		
		overflow:auto; 
		margin-bottom:20px;
	}
	.work-with {
		width:90%;
		display:block;
		float:left;
		font-size: 18px;
		text-align:center;
		margin-bottom:20px;
		padding-left:95px;
		padding-right:5px;
	}
	
	.work-content {
		text-align:center;
	}
	
	.work-with-content-gdc{
		height: 100px; 
		width: 157px; 
   		background-image: url(/images/work-with/gdc.PNG);
  
	}
	
	.work-with-content-cqc{
		height: 63px; 
		width: 180px; 
		margin-top:10px; 
   		background-image: url(/images/work-with/cqc.PNG);
	}
	
	.work-with-content-ico{
		height: 140px; 
		width: 212px; 
    	background-image: url(/images/work-with/ico.PNG);
    	margin-top:10px; 
	}
	
	.work-with-content-invisalign{
		height: 90px; 
		width: 257px; 
    	background-image: url(/images/work-with/invisalign.PNG);
    	margin-top:10px; 
	}
	
	.work-with-content-smilefast{
		height: 74px; 
		width: 257px; 
		margin-top:10px; 
		background-size: 258px 81px; 
    	background-image: url(/images/work-with/smilefast-3.PNG);
	}
	
}