/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	#topnav{display:block !important;}
	img.scale-with-grid-about {
		max-width: 100%;
		height: auto;
		padding:0 0 0 35px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {#bodychild{width:100%;}
	
	/* Main Menu */
	#navigation{}
	#topnav{display:block !important;}
	.sf-menu a {padding:15px 0 16px 0 !important;}
	.sf-menu, .sf-menu * {font-size:12px;}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		top:3.7em; /* match top ul list item height */
	}
	
	.sf-menu > li {width:80px;}
	.sf-menu > li:last-child{width:80px;}

	
	/* Content */
	.postimg{background:url(https://www.qualityrisk.com/images/interface/shadow-small.gif) no-repeat center bottom; padding-bottom:5px;}
	.padcontent{padding-right:12.8%;}
	#content.positionright .padcontent{padding-left:12.8%; padding-right:0}
	.button.large{font-size:14px; line-height:14px; padding:9px 20px 10px 20px;}
	
	/* Sidebar */
	.rp-widget li .smalldate{background:transparent; padding:0}
	
	/* Portfolio */
	.ts-display-pf-col-4 li{width:162px;}
	.ts-display-pf-col-4 .ts-display-pf-img{width:142px; height:100%}
	.ts-display-pf-col-4 .ts-display-pf-img a.image{width:142px; height:100%}
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{width:142px; height:100%}
	.ts-display-pf-col-4 .shadowpfimg{background:url(https://www.qualityrisk.com/images/interface/shadow-extrasmall2.gif) no-repeat center bottom;
	}
	
/* SL */
.clear-shadow {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: visible;
      width: 100%;
      height: 12px;
	  background: url(https://www.qualityrisk.com/images/interface/top-repeat-shadow-768.png) top center no-repeat;
	  top:117px;
	  position:absolute;
}

.blockquote-home, .blockquote-inside {
	line-height:28px; 
    font-size: 18px;
}
.home-quote-sign, .inside-quote-sign {font-size:14px;}

/* FLEX SLIDER - 768-959 */
.flexslider {margin: 0; padding: 0; background:url(https://www.qualityrisk.com/images/interface/content/qslide2-tablet.jpg) no-repeat top left; 
	max-width: 100%; height:350px;}
/*.flex-caption{width:80%; position: absolute; right:0; top:105px; text-align:right;}*/
.flex-caption h1{font-size:55px; line-height:60px;}
.flex-caption .slidetext1{font-size:32px; line-height:42px;}
.flex-caption .slidetext3{font-size:32px; line-height:38px;}
.flex-caption .slidetext3 span{font-size:28px; line-height:32px;}

	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {#bodychild{width:100%;}
	
	/* Header */
	#logo{text-align:center;}
	#headerright{padding:0; text-align:center}
	#headerright #searchform{float:none; margin:0 auto}
	#navigation{background:transparent; position:absolute; top:10px; right:0; width:auto; height:auto; z-index:10000; padding:0}
	#nav-wrap {
		position: relative;
	}
	
	/* menu icon */
	#menu-icon {
		color: #2a313c;
		text-transform:uppercase;
		float:right;
		width:42px;
		height: 25px;
		background: #f4f4f4 url(https://www.qualityrisk.com/images/interface/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		display: block; /* show menu icon */
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		border-radius:4px;
		margin-bottom:4px;
	}
	#menu-icon:hover {
		background-color: #e3e2e2;
	}
	#menu-icon.active {
		background-color: #e3e2e2;
	}
	
	/* main nav */
	#topnav {
		clear: both;
		width:160px;
		z-index: 10000;
		padding:0px 12px;
		background:#f4f4f4 ;
		display: none; /* visibility will be toggled with jquery */
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		border-radius:4px;
		border:solid 1px #dbdbdb;
		
	}
	#topnav li {
		clear: both;
		float: none;
		margin: 10px 0;
		font-size:11px;
		padding:0;
		width:auto;
		border:0 !important;
		text-align:left;
	}
	#topnav li:before{border:0;}
	#topnav a, 
	#topnav ul a {
		font-size:inherit;
		background:transparent;
		display: inline;
		padding: 0 !important;
		border: none;
	}
	#topnav a:hover, 
	#topnav ul a:hover {background:transparent;}
	
	/* dropdown */
	#topnav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		
	}
	#topnav ul li {
		margin: 3px 0 3px 15px;
	}

/* SL */
	#topnav li a {
		color:#20252d;
		display:block;
		line-height:21px;
		border-bottom:#FFF 1px dotted;
	}

.blockquote-home, .blockquote-inside {
	line-height:19px; 
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 0 30px 0 50px;
}
.home-right-quote, .inside-right-quote {visibility:hidden;}
.home-quote-sign, .inside-quote-sign {
	font-size:12px;
	margin:0 30px 0 0;
	}


/****/
	
	#topnav li li a:hover{background:transparent}

	
	/* Content */
	#content.positionright, #content.positionleft{background:transparent;}
	.padcontent{padding-right:0;}
	#content.positionright .padcontent{padding-left:0; padding-right:0}
	img.alignright, .alignright{float:none; margin:0 0 0 0 !important;}
	
		
	/* Blog */
	.post{padding-bottom:30px; margin-bottom:30px;}
	.posttitle{margin-bottom:5px;}
	.postimg{background:url(https://www.qualityrisk.com/images/interface/shadow-small.gif) no-repeat center bottom; padding-bottom:5px;}
	.wp-pagenavi{margin-bottom:30px;}
	.addthis_toolbox{float:none; display:block; clear:both; padding:20px 0 0 0}
	
	/* Sidebar */
	#sidebar .widget-container{margin-bottom:20px; padding:20px 0 0 0;}
	
	/* Portfolio*/
	#filter{background:transparent; border:0; text-align:center;}
	#filter li{border:0; padding:0 15px 0 0}
	.ts-display-pf-col-4 li{width:286px; margin-bottom:20px}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:286px;
		height:100%
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:286px;
		height:100%
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:286px;
		height:100%
	}
	
	/* Footer */
	.sn{float:none;}
	.addr{padding:15px 0 0 0;}
	
	#toTop {
		display:none !important;
	}	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {#bodychild{width:100%;}
	
	
	/* Slider */
	.flex-control-nav {bottom:28px;}
	
	
	/* Portfolio*/
	.ts-display-pf-col-4 li{width:406px; margin-bottom:20px}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:406px;
		height:100%
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:406px;
		height:100%
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:406px;
		height:100%
	}

/* SL */
.clear-shadow {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: visible;
      width: 100%;
      height: 12px;
	  background: url(https://www.qualityrisk.com/images/interface/top-repeat-shadow-320.png) top center no-repeat;
	  top:117px;
	  position:absolute;
}

img.scale-with-grid-about {
	max-width: 100%;
	height: auto;
	padding:0 0 0 100px;
}

/* FLEX SLIDER - 480-767 */
.flexslider {margin: 0; padding: 0; background:url(https://www.qualityrisk.com/images/interface/content/qslide2-mobile.jpg) no-repeat top left; 
	max-width: 100%; height:220px;}

#slidercontainer{padding-bottom:20px;}
.flexslider .slides img{position:static; right:0;}

.flex-caption{width:70%; top:32px; text-align:right;}
.flex-caption h1{font-size:35px; line-height:40px;}
.flex-caption .slidetext1{font-size:22px; line-height:24px; margin-bottom:0;}
.flex-caption .slidetext3{font-size:22px; line-height:24px;}
.flex-caption .slidetext3 span{font-size:18px; line-height:19px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {#bodychild{width:100%;}
	
	/* Slider */
	.flex-control-nav {display:none;}
	
	/* Blog */
	.commentlist ol{padding-left:20px;}
	.avatar{display:none;}
	.comment-body{margin:0;}

/* SL */
.clear-shadow {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: visible;
      width: 100%;
      height: 12px;
	  background: url(https://www.qualityrisk.com/images/interface/top-repeat-shadow-320.png) top center no-repeat;
	  top:117px;
	  position:absolute;
}
img.scale-with-grid-about {
	max-width: 100%;
	height: auto;
	padding:0 0 0 35px;
}
/* FLEX SLIDER - max 479 */
.flexslider {margin: 0; padding: 0; background:url(https://www.qualityrisk.com/images/interface/content/qslide2-mobile-smaller.jpg) no-repeat top left; 
	max-width: 100%; height:175px;}
#slidercontainer{padding-bottom:20px;}
.flexslider .slides img{position:static; right:0;}
.flex-caption{width:70%; top:0; text-align:right;}
.flex-caption h1{font-size:30px; line-height:30px;}
.flex-caption .slidetext1{font-size:19px; line-height:23px; margin-bottom:0;}
.flex-caption .slidetext3{font-size:19px; line-height:19px;}
.flex-caption .slidetext3 span{font-size:16px; line-height:18px;}

}