/* CUSTOM RESPONSIVE STYLES */
/* ------------------------------------ */

/* WIDE DESKTOP */
@media only screen and (min-width: 1200px) {
	.whitebackground,.footerwrap, .subfooterwrap, .headertopwrap { width: 1230px; margin-left: -615px; left: 50%; }
	.footerwrap.wide .footer, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop { width: 1170px; }
	
	.portfolio { width: 1180px; }
	.threecol .entry	{ width:393px; }
	.fourcol .entry	{ width: 295px; }
	.fivecol .entry	{ width:236px; }
	
	.portfolio.withsidebar { width: 860px; }
	.threecol .portfolio.withsidebar .entry	{ width:286px; }
	.fourcol .portfolio.withsidebar .entry	{ width: 215px; }
	.fivecol .portfolio.withsidebar .entry	{ width:215px; }
	
	.team .memberwrap { width: 20%; }
	.clients ul li { float: left; display: inline; width: 16.66666%; }
	
	.pricing.fivecols .pricecol .pricewrap { width: 19.8%; }
	.pricing.fourcols .pricecol .pricewrap { width: 24.8%; }
	.pricing.threecols .pricecol .pricewrap { width: 33.1%; }
}

/* REGULAR DESKTOP */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	.whitebackground, .footerwrap, .subfooterwrap, .headertopwrap { width: 1000px; margin-left: -500px; left: 50%; }
	.footerwrap.wide .footer, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop { width: 940px; }
	
	.portfolio { width: 950px; }
	.threecol .entry { width:316px; }
	.fourcol .entry	{	width: 237px;}
	.fivecol .entry	{ width:237px; }
	
	.portfolio.withsidebar { width: 690px; }
	.threecol .portfolio.withsidebar .entry { width:230px; }
	.fourcol .portfolio.withsidebar .entry	{ width: 230px; }
	.fivecol .portfolio.withsidebar .entry	{ width:230px; }
	
	.team .memberwrap { width: 20%; }
	.clients ul li { float: left; display: inline; width: 16.66666%; }
	
	.pricing.fivecols .pricecol .pricewrap { width: 19.8%; }
	.pricing.fourcols .pricecol .pricewrap { width: 24.8%; }
	.pricing.threecols .pricecol .pricewrap { width: 33.1%; }
	
	.blogpost.smallmedia .postmedia { width: 270px; }
	.blogpost.smallmedia .postbody { width: 380px; }
	
	.fullblog .blogpost.smallmedia .postmedia { width: 370px; }
	.fullblog .blogpost.smallmedia .postbody { width: 540px; }
	
	.ddsmoothmenu ul li a { padding-left: 8px; padding-right: 8px;}
}

/* SMALL DESKTOP */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.whitebackground, .footerwrap, .subfooterwrap, .headertopwrap { width: 784px; margin-left: -392px; left: 50%; }
	.footerwrap.wide .footer, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop { width: 724px; }
	
	.portfolio { width: 734px; }
	.portfolio .entry	{	width: 244px;}
	
	.portfolio.withsidebar { width: 528px; }
	.threecol .portfolio.withsidebar .entry { width:264px; }
	.fourcol .portfolio.withsidebar .entry	{ width: 264px; }
	.fivecol .portfolio.withsidebar .entry	{ width:264px; }

	.team .memberwrap { width: 25%; }
	.clients ul li { float: left; display: inline; width: 25%; }
		
	.pricing.fivecols .pricecol .pricewrap { width: 33.1%; }
	.pricing.fourcols .pricecol .pricewrap { width: 33.1%; }
	.pricing.threecols .pricecol .pricewrap { width: 33.1%; }
	
	.blogpost.smallmedia .postmedia { width: 200px; }
	.blogpost.smallmedia .postbody { width: 288px; }
	.fullblog .blogpost.smallmedia .postmedia { width: 270px; }
	.fullblog .blogpost.smallmedia .postbody { width: 424px; }
}

/* ALL MOBILE SIZES */
@media only screen and (max-width: 767px) {
	.whitebackground { width: 100%; margin-left: 0; left: 0; }
	.footerwrap, .subfooterwrap { width: 100%; padding-left: 20px; padding-right: 20px; margin-left: -20px; left: 0; }
	.footer, .subfooter { margin-left: 0px; }
	.subfooter .spacer { padding-right: 10px; }
	
	.footerwrap.wide, .subfooterwrap.wide { padding-left: 20px; padding-right: 20px; margin-left: -20px; }
	.footerwrap.wide .footer, .subfooterwrap.wide .subfooter, .headertopwrap.wide .headertop { width: 100%; }
	
	.portfolio { width: 100%; }
	.portfolio .entry	{ width: 49.5%; }
	.mediaholder .show, .mediaholder .itemcategories, .mediaholder .cover, .mediaholder .itemtitle { display: none; }
	.mediaholder .link	{ cursor:pointer; position:absolute; left:0; top:0; background: transparent; width:100%; height:100%; margin-top:0px; margin-left:0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
	.link.notalone { left:0; margin-left:0;}
	.mediaholder:hover .link {	-moz-opacity:1.0; filter:alpha(opacity=100); opacity:1;  width:100%; height:100%; top:0; left:0;}
	.mediaholder:hover .link.notalone { left:0; top:0;}
	.mediaholder:hover .link { top:0;}
	.mediaholder .link:hover {	background: transparent; }
	
	a.service:hover { color: #656565; }
	a.service:hover h4 { color: #353535; }
	a.service:hover h5 { color: #353535; }
	a.service:hover .text { border-top: 3px solid #fff; }

	.headertop, .headertopwrap { display: none; margin: 0; padding: 0; }
/* 	.headertop, .headertopwrap {width: 100%; } */

	.header .logo { padding-top: 40px; padding-bottom: 40px; width: 100%; text-align: center; }
	.social { position: relative; text-align: center; padding: 0; margin: 0; margin-bottom: 40px; }
	
	.social h3 {
		text-align: center;
	}
	
	.linktext { display: none; }
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth { width: 100%; }
	
	.sidebar { margin-top: 80px; }
	.pagewrapright { padding-right: 0px; }
	.pagewrapleft { padding-left: 0px; }
	
	.blogpost .date { display: none; }
	.blogpost .postbody { padding-left: 0; }
	.blogpost.smallmedia .postmedia { width: 100%; margin-bottom: 25px; }
	.blogpost.smallmedia .postbody { width: 100%; }
	.blogpost.smallmedia h4 { margin-top: 27px; }
	.fullblog .blogpost.smallmedia .postmedia { width: 100%; }
	.fullblog .blogpost.smallmedia .postbody { width: 100%; }
	
	.footer .widget { margin-bottom: 50px; }
	.footer .widget:last-child { margin-bottom: 0; }
	
	.subfooter .lefttext { text-align: center; margin-bottom: 10px; }
	.subfooter .righttext { text-align: center; }
	
	.pagetitle h1 { text-align: center; }
	
	/* Enable to hide slide on mobile
	.homeslider .rev_slider_wrapper { display: none; }
	.homeslider { margin: 0px; }
	.nodisplay { display: inherit; }
	*/
	
	.span9.left .pagination { margin: 0; }
	.span9.right .pagination { margin: 0; }
	
	.gmap { height: 200px; }
	#gmap_inner { height: 200px;}
    
    #optionswrap { display: none; }
}

/* MOBILE LANDSCAPE TO TABLET PORTRAIT */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.clients ul li { float: left; display: inline; width: 33.3333%; }
	.team .memberwrap { width: 50%; }
	.pricing.fivecols .pricecol .pricewrap { width: 49.7%; }
	.pricing.fourcols .pricecol .pricewrap { width: 49.7%; }
	.pricing.threecols .pricecol .pricewrap { width: 49.7%; }
}

/* MOBILE PORTRAIT TO MOBILE LANDSCAPE */
@media only screen and (min-width: 0px) and (max-width: 479px) {
	.clients ul li { float: left; display: inline; width: 50%; }
	.team .memberwrap { width: 100%; }
	.pricing.fivecols .pricecol .pricewrap { width: 99.6%; }
	.pricing.fourcols .pricecol .pricewrap { width: 99.6%; }
	.pricing.threecols .pricecol .pricewrap { width: 99.6%; }
	#respond input { float: left; width: 100%; margin-right:0; }
}

/* MOBILE MENU */
/* ------------------------------------ */

@media only screen and (max-width: 767px) {
	#mainmenu { float: left; visibility: hidden; height: 0;} 
	.mainmenu { background: #fff; border-top: 0; border-right: 0; border-bottom: 0; }
	.headersearch { display: none; }
	.mobilemenu { display: block; }			
	.ccm-layout-cell { width: 100% !important; }
	.ccm-layout-col-spacing { margin: 0 !important; }
}


.responsiveCal {
 
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
margin: 10px 0 10px 0;
 
}
 
.responsiveCal iframe {
 
position: absolute; top:0; left: 0; width: 100%; height: 100%;
 
}