@charset "utf-8";
/* CSS Document */

/*----*****---- << Responsive >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1240px) {
		
		
		
		/*----*****---- << Header >> ----*****----*/	
		
		#bbar-wrapper .dt-sc-one-half { width:48.8%; }	
		
		/*----*****---- << Main >> ----*****----*/		
		h4 { font-size: 20px;  }
		h5 { font-size: 18px;  }
		h6 { font-size: 16px;  }		
				
		/*----*****---- << Blog >> ----*****----*/	
		.dt-sc-one-half.with-sidebar .entry-details .entry-title h4, .dt-sc-one-third .entry-details .entry-title h4 { font-size:16px; }
		
		.dt-sc-one-half .entry-thumb { margin: 0 0 20px; }
		.dt-sc-one-half.with-sidebar .entry-thumb .entry-thumb-desc { display: none; }
		.dt-sc-one-half.with-sidebar .entry-details .entry-title h4	{ font-size: 18px; }
		.site-header {
			padding-top: 35px;
		}		
		
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
	
		/*----*****---- << Header >> ----*****----*/
		#bbar-wrapper .dt-sc-one-half { width:48%; }
		
		
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:500px; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:190px; }
		
		h2 { font-size: 22px; }
		h3 { font-size: 20px;  }
		h4 { font-size: 18px;  }
		h5 { font-size: 16px;  }
		h6 { font-size: 15px;  }
		
		.alignleft, img.alignleft { margin-right: 10px; }
		.alignright, img.alignright { margin-left: 10px; }	
		
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/
	
	@media ( min-width: 768px) {
	
	}
	
	@media only screen and ( max-width: 767px) {
		
		/*----*****---- << Mobile Menu >> ----*****----*/
		
		
		
		#bbar-wrapper { display: block; }
		.nomobile {
			display: none;
		}
		
		
			
	
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		h2 { font-size: 22px; }
		h3 { font-size: 18px;  }
		h4 { font-size: 16px;  }
		h5 { font-size: 14px;  }
		h6 { font-size: 13px;  }
		#bbar-wrapper .column.alignright {
			font-size:12px; 
		}
		.nomobile {
			display: none;
		}
		.container { width:420px; }
		/*#rev_slider_2_1_wrapper {
			padding-top: 86px;
		}*/
		.forcefullwidth_wrapper_tp_banner{
			padding-top: 84px;
		}
		#bbar-wrapper .column.alignright {
		
			/*padding-right: 74px;*/
			padding-right: 0;
		}
		#bbar-wrapper {
			
			text-align: center;
			
		}
		.footer{
			font-size: 12px;
		}
	}
	
	
    @media only screen and (max-width: 479px) {
		
		/*----*****---- << Main >> ----*****----*/
		h2 { font-size: 18px; }
		h3 { font-size: 20px;  }
		h4 { font-size: 18px;  }
		h5 { font-size: 16px;  }
		h6 { font-size: 15px;  }
		#bbar-wrapper .column.alignright {
			
			margin-top: -24px;
			margin-right: -49px;
		}
		.column.dt-sc-one-half.first {
			margin-left: -46px;
		}
		
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 320px) and (max-width: 479px) {
		h2 { font-size: 18px; }
		h3 { font-size: 18px;  }
		h4 { font-size: 16px;  }
		h5 { font-size: 14px;  }
		h6 { font-size: 13px;  }
		p  { font-size: 13px;  }
		#masthead {
			padding-top: 63px;
		}
		.forcefullwidth_wrapper_tp_banner{
			padding-top: 84px;
		}
		#bbar-wrapper .column.alignright {
			/*margin-top: 9px;*/
			margin-top: -6px;
			font-size:10px; 
			margin-right: 100px;
		}
		.column.dt-sc-one-half.first {
			margin-left: 50px;
		}
		.container { width: 290px; }
					
		.dt-sc-one-half {
			width: 100%;
		}
		.footer{
			font-size: 11px;
		}
		
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 319px) {
		h2 { font-size: 13px; }
		h3 { font-size: 12px;  }
		h4 { font-size: 14px;  }
		h5 { font-size: 12px;  }
		h6 { font-size: 11px;  }
		#bbar-wrapper .column.alignright {
			margin-top: -24px;
			font-size:10px; 
		}
		
		.container { width: 200px; }
		#masthead {
			padding-top: 56px;
		}
		.forcefullwidth_wrapper_tp_banner {
			padding-top: 84px;
		}
		#bbar-wrapper .column.alignright {
			margin-top: 3px;
			margin-right: 60px;
		}
		.column.dt-sc-one-half.first {
			margin-left: 2px;
		}
		.dt-sc-team {
			border: 1px solid #e7e7e7;
			float: left;
			margin: 0 0 20px;
			padding: 40px 0 25px;
			text-align: center;
			width: 100%;
			transition: all 300ms linear 0s;
			-webkit-transition: all 300ms linear 0s;
			-moz-transition: all 300ms linear 0s;
			-ms-transition: all 300ms linear 0s;
			-o-transition: all 300ms linear 0s;
		}
		.footer{
			font-size: 10px;
		}
		
	}