/* For: classic */
	
	/* [ Custom ] Begins */

               #online-tour a{
			color: #fff;
			display: block;
			background: #f47624;
			color: #fff;
			margin-top: 0px;
			padding: 10px;
			margin-right: 20px;
			border-radius: 15px;
                        border: 2px solid #2e3192;
			display: block !important;
		}
		#online-tour a:hover{
			background: #242774;
                         color: #fff;
		
		}
#online-tour h3{
margin: 0px; 
padding: 0px;
}
	
		

		#online-showroom a{
			color: #fff;
			display: block;
			
			background: #2e3192;
			margin-top: 30px;
			padding: 10px;
			margin-right: 30px;
			border-radius: 15px;
			display: block !important;
		}
		#online-showroom a:hover{
			background: #242774
		
		}
		
		@media all and (min-width: 756px) and (max-width: 999px) {
			#online-showroom a, #online-tour a{
				margin-left: 220px !important;
				margin-right: 220px  !important;
			}
		}
		
		@media all and (max-width: 1100px) {
			#online-showroom a, #online-tour a{
				margin-left: 20px;
				margin-right: 20px;
			}
			
		}
		
		
		.sync-home{
			margin-left: 23%;
		}
		
		@media all and (max-width: 1100px) {
			.sync-home{
				margin-left: 0%;
			}
		}
		@media all and (min-width: 1000px) {
			.sub-nav-1{
				width: 120% !important;
				position: relative;
				left: -10%;
			}
			.sub-nav-2{
				width: 150% !important;
				position: relative;
				left: -25%;
			}
		}
		
		.no-border-link,
		.no-border-link a
		{
			border: none !important;
		}
		
		.no-border-link,
		.no-border-link a
		{
			border: none !important;
		}

		textarea{
			height: 210px;
		}
		
		.map{
			width: 100%;
			height: 335px;
		}
	
	
	/* [ Custom ] Ends */
	
	/* [ Selectors ] Begins */
	
		body{
			font-family: 'Nunito Sans', sans-serif !important;
			font-size: 18px;
		}
		
		#header, #footer, #nav-container{
			font-size: 16px;
		}
		
		h1, h2, h3, h4, h5, h6{
			text-align: center;
		}
		
		h1, .h1{ font-size: 25px; }
		h2, .h2{ font-size: 22px; }
		h3, .h3{ font-size: 19px; }
		h4, .h4{ font-size: 16px; }
		h5, .h5{ font-size: 13px; }
		h6, .h6{ font-size: 10px; }
	
	/* [ Selectors ] Ends */

	/*** [ Tools ] Begins ***/ 	
	
		.toggle{ margin-bottom: 25px;border: 1px solid black; }
		.toggle-title, .toggle-title-readmore{ cursor: pointer; }
		.toggle-title h3{ margin: 0px; padding: 20px;font-size: 14px; }
		.toggle-content, .toggle-content-readmore{ display: none; }
		.toggle-content p{ padding: 5px 10px; }
		.toggle-content.default{ display: block; }
	
		.link-button{
			padding: 5px 10px;
			border-radius: 20px;
		}
		
		/* mobile edits begins */
		.mobile-map{ display: none; }		
		@media all and (max-width: 1199px) { .mobile-map{ display: block;} }
		
		.no-mobile-clear{ clear: both; }
		@media all and (min-width: 600px) and (max-width: 999px) { .no-mobile-clear{ display: inline; clear: none; } }
		/* mobile edits ends */
		
		.img, .img-0{ width: 100%; }
		@media all and (min-width: 500px) and (max-width: 800px) { 
			.img{ width: 50%; margin-left: 25%; }
			.img-0{ width: 50%; margin-left: 0%; }
		}
		@media all and (min-width: 801px) and (max-width: 1099px) {	
			.img{ width: 50%; margin-left: 25%; }
			.img-0{ width: 50%; margin-left: 0%; }
		}
		 
		
		@media all and (max-width: 499px) {	
			.img-footer > .section-smaller,
			.img-footer > .section-half
			{ width: 50%; float: left; margin-left: 0%; margin-right: 0%; padding-left: 0%; padding-right: 0%; }
			
			.img-footer > #section-half-icon{
				 width: 100%; float: left; margin-left: 0%; margin-right: 0%; padding-left: 20%; padding-right: 20%; 
			}
			
		}
		@media all and (min-width: 500px) and (max-width: 799px) {	
			.img-footer > .section-smaller,
			.img-footer > .section-half
			{ width: 33.3%; float: left; margin-left: 0%; margin-right: 0%; padding-left: 0%; padding-right: 0%; }	
			
			.img-footer > .section-half img, .img-footer > .section-smaller img{
				width: 70%;
				height: auto;
				margin-left: 15%;
			}
		}
		@media all and (min-width: 800px) and (max-width: 999px) {	
			.img-footer > .section-smaller,
			.img-footer > .section-half
			{ width: 33.3%; float: left; margin-left: 0%; margin-right: 0%; padding-left: 0%; padding-right: 0%; }	
			
			.img-footer > .section-half img, .img-footer > .section-smaller img{
				width: 50%;
				height: auto;
				margin-left: 25%;
			}
		}
		
			/* photo gallery begins */
			.photo-top{
				padding-top: 10px;
			}
			.photo-width{
				width: 25%;
				padding-bottom: 10px;
				float: left;
			}
			.space-mobile-box-5, .block-mobile-box-5{
				width: 2%;
				float: left;
			}
			
			@media all and (min-width: 1px) and (max-width: 599px) { 
			
				.photo-top{
					padding-top: 0px;
				}
				.photo-width{
					width: 100%;
					float: left;
					padding-bottom: 0px;
				}
				.first-mobile-box-5{
					width: 0%;
					padding-top: 10px;
				}
				.space-mobile-box-5{
					height: 10px;
				}
				.block-mobile-box-5{
					height: 10px;
				}

			}
			@media all and (min-width: 600px) and (max-width: 999px) { 
				
				.photo-top{
					padding-top: 10px;
				}
				.photo-width{
					width: 49%;
					float: left;
					padding-bottom: 0px;
				}
				.first-mobile-box-5{
					width: 2%;
					height: 10px;
					float: left;
				}
				.space-mobile-box-5{
					width: 2%;
					float: left;
				}
				.block-mobile-box-5{
					width: 0%;
					padding-top: 10px;
					float: left;
				}
			
			}
			
		/* photo gallery ends */
		
		/* tabs begins */
		
			@media all and (min-width: 1000px){
				
				.tabs ul li a{ padding-left: 10px; padding-right: 10px; }
				/* tab width */
				.ui-tabs-vertical > .ui-tabs-nav{ width: 15%; text-indent: 0px; text-align: center; }
				/* section width */
				.side-tabs > .tab-item { width: 85%; padding-left: 20px; }
				
			}
			@media all and (max-width: 1000px){
				
				.side-tabs > .tab-item  .tab-heading{
					padding-top: 20px;
				}
				
			}	
		
		/* tabs ends */
		
		/* form begins */ 
			
			.input-box{
				margin-top: 15px;
				margin-bottom: 15px;
			}
		
		/* form ends */
		
		/* Pagination begins */
		
		.pagination{
			text-align: center;
			margin-top: 50px;
			margin-bottom: 50px;
		}
		
		.pagination-button-link, .pagination-button-active{
			display: inline-block;
			padding: 5px 20px;
			margin: 10px;
		}
		
		@media all and (max-width: 549px) {
			
			#pagination-large .pagination-button-link, #pagination-large .pagination-button-active{
				width: 22%;
				float: left;
				display: block;
				padding: 5px 17px;
				margin: 15px 1.5%;
			}
			
			#pagination-large #pagination-previous, #pagination-large #pagination-next{ 
				width: 40%; 
				margin: 5% 30%;
				display: block !important; 
			}	

			#pagination-small .pagination-button-link, #pagination-small .pagination-button-active{	
				text-align: center;
				display: inline-block;
				padding: 5px 14px;
				margin: 15px 1%;
			}
				
		}
		@media all and (min-width: 550px) and (max-width: 599px) {
			
			#pagination-large .pagination-button-link, #pagination-large .pagination-button-active{
				width: 12%; 
				float: left;
				display: block;
				padding: 5px 17px;
				margin: 15px 1.1%;
			}
			
			#pagination-large #pagination-previous, #pagination-large #pagination-next{ 
				width: 26.2%;
				margin: 15px 1.1%;
			}	
			
			#pagination-small .pagination-button-link, #pagination-small .pagination-button-active{	
				text-align: center;
				display: inline-block;
				padding: 5px 14px;
				margin: 15px 1%;
			}	
			
		}
		
		/* Pagination ends */
			
		
	/*** [ Tools ] Ends ***/ 
	
	/*** [ Header ] Begins ***/
		
		.header-section-left, .header-section-right, .right-header-section-left, .right-header-section-right, #header .logo{
			float: left;
		}
		
		.header-section-left{  width: 20%; }
		.header-section-right{ width: 80%; } 
		
		.right-header-section-left{ width: 75%; }
		.right-header-section-right{ width: 25%; }
		
		#header .logo{
			width: 90%;
			margin-top: 30px;
			margin-left: 5%;
		} 
		
		.social-media-icon{ height: 24px; }
		.social-space{ margin-left: 10px; }
		
		@media all and (max-width: 499px) {
			
			.header-section-left{  width: 100%; }
			.header-section-right{ width: 100%; }
			
			.right-header-section-left{  width: 100%; }
			.right-header-section-right{ width: 100%; }
			
			#header .logo{
				width: 50%;
				margin-top: 5px;
				margin-left: 25%;
			}	
			
			.social-media-icon{ height: 32px; }
			.social-space{ margin-left: 25px; }
			
		}
		@media all and (min-width: 500px) and (max-width: 750px) {
			
			.header-section-left{	width: 100%;	}
			.header-section-right{	width: 100%; }
			
			.right-header-section-left{	 width: 50%; }
			.right-header-section-right{ width: 50%; }
			
			#header .logo{
				width: 60%;
				margin-top: 15px;
				margin-left: 20%;
			}	
			
			.social-media-icon{ height: 28px; }
			.social-space{ margin-left: 20px; }
			
		}
		@media all and (min-width: 756px) and (max-width: 999px) {
			
			.header-section-left{	width: 100%;	}
			.header-section-right{	width: 100%; }
			
			.right-header-section-left{	 width: 100%; }
			.right-header-section-right{ width: 100%; }
			
			.right-header-section-left .section-half{ width: 50%; }
			.right-header-section-right .section-half{ width: 50%; }
			
			#header .logo{
				width: 60%;
				margin-top: 15px;
				margin-left: 20%;
			}	
			
			.social-media-icon{ height: 28px; }
			.social-space{ margin-left: 20px; }
			
		}
		
	/*** [ Header ] Ends ***/
	  
	/*** [ Footer ] Begins ***/
		@media all and (max-width: 599px) {
			#footer-nav div{
				margin: 10px 0;
			}
			#footer-nav-2 div{
				margin: 10px 0;
				width: 100% !important;
			}
		}
		
		@media all and (min-width: 600px) and (max-width: 999px) {
			#footer-nav div{
				margin: 5px 0;
			}
			#footer-nav-2 div{
				margin: 5px 0;
			}
		}
		@media all and (min-width: 1000px) and (max-width: 1099px) {
			#footer-nav div, #footer-nav-2 div{
				font-size: 12px;
			}
		}
		@media all and (min-width: 1100px) and (max-width: 1199px) {
			#footer-nav div, #footer-nav-2 div{
				font-size: 13px;
			}
		}
		@media all and (min-width: 1200px) and (max-width: 1299px) {
			#footer-nav div, #footer-nav-2 div{
				font-size: 13px;
			}
		}
		
	/*** [ Footer ] Ends ***/