/**
 * ==============================================
 *  RESPONSIVE-CHILD.CSS
 * ==============================================
 * Responsive child theme CSS
 *
 *
 * @since       0.1
 * @author      chriscarvache
 */


/**
 * ==============================================
 *  SMALL SCREENS
 * ==============================================
 */

/* Define mobile styles */
@media only screen {

}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
    #utility {
        display: none;
    }
    .logo {
        margin-right: 40px;
        max-width: 230px;

    }
    
    .off-canvas-button.right {
        margin-top: 10px;
        margin-left: -40px;
    }
    
    #main-footer .widget {
        text-align: center;
    }

    #calltoaction .button {
        margin-bottom: 2em;
    }

    #calltoaction .inner {
        max-width: 300px;
        margin: 0 auto;
    }
	
	.portfoliomenu ul li {
		list-style: none;
		display: block;
		clear:both;
	}
	
	.right-content img, .left-content img {
		display: block;
		margin: 5px 5px;
	}
	
	#main-footer .sidebar {
		margin: 5px 0 0 0;
	}
	
	.portfoliomenu {
		padding: 20px 0 10px;
		margin: 20px 0 0;
		border-top: solid 1px #ddd;
		color: #1755B4;
		text-align: center;
	}

	.portfoliomenu ul {
		list-style: none;
		display: inline;
		margin: 0px;
		padding: 0px;
		color: #1755B4;
		width: 850px;
		font-size: 20px !important;
		font-weight: normal;	
		text-align:center;
	}

	.portfoliomenu ul li {
		list-style: none;
		display: block;
		text-align:center;
		clear: both;
	}

	.portfoliomenu li {
		text-align:center;
		float: none;
		clear: both;

	}
	
	.portfoliomenu a {
		color: #999999;
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
}

/*-- END SMALL SCREENS --*/



/**
 * ==============================================
 *  MEDIUM SCREENS
 * ==============================================
 */

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
    #utility-2 {
        text-align: right;
    }
    #hpslider .background{
        background-position: center center!important;
    }
    
    #hpslider .transparent {
        margin: 0 3em;
    }
    
    .widget_sp_image {
        text-align: right;
    }
    
    #main-footer .medium-6:first-child {
        width: 60%;
    }
    
    #main-footer .medium-6:last-child{
        width: 40%;
    }
    
    .CopyRightFootnote {
        margin-top: 1.4em;
    }

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .off-canvas-button {
        margin-top: 2.1em;
    }
}

/*-- END MEDIUM SCREENS --*/



/**
 * ==============================================
 *  LARGE SCREENS
 * ==============================================
 */

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
    #hpslider .transparent {
        margin: 0 auto;
        width: 51em;
    }
}

/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    
}

/*-- END LARGE SCREENS --*/



/**
 * ==============================================
 *  XL SCREENS
 * ==============================================
 */

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {

}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

}

/*-- END XL SCREENS --*/



/**
 * ==============================================
 *  XXL SCREENS
 * ==============================================
 */

/* min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {

}

/*-- END XXL SCREENS --*/