/*
*
*
    Default Formstack Hosted CSS
    Ver. 3    
*
*
*/


div.fsFileUploadContainer {
    background-color:#EFEFEF;
    padding:6px;
    width:180px;
    text-align:center;
}

input.fsFilePreview {
    max-height:170px;
    max-width:170px;
}
/*
    *** Defaults / Errors ***
*/

    /* Make HTML 5 elements display block-level for consistent styling */  
    header, nav, article, footer, address {  
        display: block;  
    }  
    
    .fsBody #fsTopLogo .reportAbuse {
        text-align:center;
        font-size:10px;
    }
    
    .fsBody #fsTopLogo .reportAbuse a {
        background:none;
        height:16px;
        color:#666
    }
    
    .fsBody .warningNoJS {
        color: red;
        background-color: white;
        border: solid 1px red;
        padding: 20px;
    }
    
    #fsTopLogo
    {
        position:absolute;
        top:0;
        right:9%;
        margin:0;
        display:none;
    }

    #fsTopLogo a
    {
        width:150px;
        height:50px;

        display:block;
    }

    #fsTopLogo a span
    {
        display:none;
    }



/*
    *** Body / Form Page / Layout ***
*/

    .fsBody {
      
    }
    
    .fsBody .fsPage {
       /* min-width: 400px;*/
	   width:238px;
    }

    .fsEmbed .fsPage {
        min-width: inherit !important;
    }
    
    .fsBody .fsForm {
        
        display: table;
    }

    .fsEmbed .fsForm {
        display: inherit;
    }
    
    .fsborderradius .fsBody .fsForm, .fsborderradius .fsBody .fsSectionHeader {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .fsboxshadow .fsBody .fsForm {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
        border: none;
    }
    
    .fsBody .fsForm .fsTable {
        text-align: left;
        padding :0 0 4px;
        border: none;
        margin: 9px auto;
        width: 100%;
    }
    
    .fsborderradius .fsBody .fsSectionHeader {
        margin: 10px;
    }

    .fsBody .fsSectionHeader {
        padding: 10px 15px 15px 15px;
        background-color: #ccc;
        clear: left;
    }
    
    .fsBody .fsForm .fsSectionHeading {
        font-size: 34px;
        font-weight: bold;
        line-height: 44px;
        line-height: 36px;
    }
    
    .fsBody .fsRowBody {
       
    }
    
    .fsBody .fsHidden {
        padding: 0 !important;
        margin: 0 !important;
        display:none;
    }

    .fsBody .fsHiddenPage {
        padding: 0 !important;
        margin: 0 !important;
        height: 0;
        display: none;
    }

/*
    .fsBody p {
        max-width: 500px;
    }

*/

    .fsForm fieldset, .fsForm fieldset legend {
        border: none;
        padding:0;
        margin:0;
    }

    legend {
        white-space:normal;
    }

/*
    *** Field Styles ***
*/
    div.fsSignature {
	    border: 10px solid #EFEFEF;
	    -moz-border-radius: 14px;
	    -webkit-border-radius: 14px;
	    border-radius: 14px;
	    margin-top: 10px;
    }
    a.fsSignatureClear {
        font-size:10px;
    }

    .fsForm.fsMaxCol1 {
        /*width: 700px;*/
    }

    .fsForm.fsMaxCol2 {
        /*width: 800px;*/
    }

    .fsForm.fsMaxCol3 {
        /*width: 900px;*/
    }

    .fsForm.fsMaxCol4 {
        /*width: 1100px;*/
    }


    .fsBody .fsFieldAddress {
        display: block;
    }

    .fsBody .fsFieldAddress2 {
        margin-bottom: 5px;
    }

    .fsBody div.fsFieldZip {
        /*width: 14%;*/
    }
    
    .fsBody .fsFieldRow {
        clear:left;
    }
    
    
    .fsBody .fs2Col {
        min-width: 600px;
    }
    
    .fsBody .fs3Col {
        min-width: 900px;
    }
    
    .fsBody .fs4Col {
        min-width: 1100px;
    }
    
    .fsBody .fs1Col .fsFieldCell {
    }

    .fsBody .fs2Col .fsFieldCell {
        float: left;
        width: 45%;
    }
        
    .fsBody .fs3Col .fsFieldCell {
        float: left;
        width: 30%;
    }
    
    .fsBody .fs4Col .fsFieldCell {
        float: left;
        width: 22%;
    }
    
    .fsFirst.fsLast.fsFieldCell {
        width: auto;
        float: none;
    }

    .fsFirst.fsLast.fsFieldCell p {
    }
    
    .fsBody .fsLabel, .fsBody label {
        display:block;
       
    }

    .fsBody .fsLabelHorizontal label {
        float: left;
        margin-right: 10px;
        width: 100px;
    }
    
    .fsFieldHorizontal {
        float: left;
    }

    .fsBody .fsSubField {
       /* float:left;
        margin-right:5px;*/
    }
    
    .fsBody .fsSupporting {
        font-size:13px;
        display: block;
        float: none;
    }
    
    .fsBody .fsCallout {
        position:absolute;
        width:360px;
        z-index:5;
    }
    
    .fsBody .fsCalloutTop {
        padding-top:21px;
    }
    
    .fsBody .fsCalloutBottom {
        height:15px;
    }
    
    .fsBody .fsCalloutBody {
        padding:3px 12px 4px 16px;
        color:#fff;
        text-shadow:0 1px 1px #000;
    }
    
    .fsBody .fsCalloutBody a {
        text-decoration:none;
        border-bottom:1px dotted;
        color:#ddd;
    }
    
    .fsBody .fsCalloutBody a:hover {
        color:#aaa;
    }
    
    .fsBody .fsPasswordForm {
        width: 400px;
        padding-bottom:15px;
    }

/*
    *** Submit Button ***
*/

    .fsForm .fsSubmit {
    	padding:20px;
        margin-top:10px;
        background-color: #EFEFEF;
        clear: left;
    }

    .fsborderradius .fsForm .fsSubmit {
        border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
    }
        
    .fsSubmit input.fsSubmitButton {
        padding:3px;
        margin:0 auto;
        clear:both;
    }

    .fsSubmit input.fsSubmitButton.nice:hover {
         zoom: 1;
         filter: alpha(opacity=87);
         opacity: 0.87;
    }
    
    .fsSubmit input.fsSubmitMultipage {
        float:right;
        clear:none;
    }

/*
    *** Footer ***
*/

    #fsFooterImage {
        clear:both;
        padding-top:20px;
    }
    

/*
    *** Messages / Errors / Misc
*/

    .clear {
        clear:both;
    }

    .fsBody .showMobile {
        display: none;
    }

    div.fsError {
        margin: 15px 10px 5px;
        font-size:11px;
        background-color:#fee;
        color:#000;
        border:1px solid red;
        padding:5px;
        clear:both;
        text-align:center;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    #disabledError {
        width:300px;
        margin:54px auto; 
        background:#fff; 
        border:2px solid #efefef; 
        color:#777; 
        padding:36px; 
        line-height:18px;
    }
    
    .fsPasswordForm label {
        display:block;
        color:#777;
        font-size:13px;
    }
    
    .fsPasswordForm .fsRowBody input {
        padding:5px;
        text-align:center;
        font-size:16px;
        font-weight:bold;
    }
    
    .fsPasswordForm td.fsRowBody {
        padding:18px 0 24px;
    }
    
    #fsPasswordError {
        color: #D2010B;
        font-weight: bold;
        padding: 0;
        text-align: center;
    }
    
    .fsFieldFocused
    {
       /* background-color: #ffffa6;*/
    }
    
    .fsFieldFocused div.fsSupporting,.fsFieldFocused label.fsRequiredLabel span {
        color:#000;
    } 
    
    .fsReadOnly {
        background-image:none;
    }
    
    /* @group Confirmation Ad */
        #fsConfirmAd table {
            width:600px;
            margin:36px auto;
        }
        
        #fsConfirmAd h2 {
            margin:0;
            padding:18px;
            text-align:center;
            font-size:18px;
            font-weight:normal;
            background:#42BD21;
            color:#fff;
            text-shadow:0 1px 0 #000;
        }
        
        #fsConfirmAd li {
            margin-bottom:18px;
        }
        
        #fsConfirmAd img,#fsConfirmAd ul {
            margin:18px;
        }
        
        #fsLearnMore {
            display:block;
            height:25px;
            width:155px;
            font-size:16px;
            text-decoration:none;
            color:#333;
            text-shadow:0 1px 0 #fff;
            line-height:25px;
            margin:18px auto;
        }
    /* @end */
    
    
    /* @group Custom Field Appearance */
        .fsFieldRow input[type=text], .fsFieldRow input[type=email], .fsFieldRow input[type=number], .fsFieldRow input[type=tel], .fsForm textarea {
            border:1px solid #999;
            background-color:#fff;
            border-top:1px solid #7c7c7c;
            border-left:1px solid #c3c3c3;
            border-right:1px solid #c3c3c3;
            border-bottom:1px solid #ddd;
            color:#333;
            padding:4px;
            font-size:14px;
            line-height:18px;
            font-weight:normal;
            max-width: 95%;
        }
        
        
        .fsReadOnly input[type=text], .fsReadOnly input[type=email], .fsReadOnly input[type=number], .fsReadOnly input[type=tel], .fsReadOnly textarea {
            border:none;
            background-image:none;
        }
        
        .fsForm input[type=text].fsField:focus, .fsForm input[type=email].fsField:focus, .fsForm input[type=number].fsField:focus, .fsForm input[type=tel].fsField:focus, .fsForm input[type=file].fsField:focus,.fsForm textarea.fsField:focus {
            border-color:blue;
        }
        
        .fsForm .fsReadOnly input[type=text].fsField:focus,
        .fsForm .fsReadOnly input[type=number].fsField:focus,
        .fsForm .fsReadOnly input[type=email].fsField:focus,
        .fsForm .fsReadOnly input[type=file].fsField:focus,
        .fsForm .fsReadOnly input[type=tel].fsField:focus,
        .fsForm .fsReadOnly textarea.fsField:focus

        {
            border:none;
        }

        .fsFieldRow input[type=radio], .fsFieldRow input[type=checkbox]{
            float: left;
            vertical-align: bottom;
            padding: 0;
            margin:3px 7px 0 0;
            position: relative;
        }
        
        .fsFieldRow input[type=radio].vertical, .fsFieldRow input[type=checkbox].vertical{
            clear:left;
            float:left;
		    width: 13px;
		    height: 13px;
		    padding: 0;
		    margin: 0 7px 0 0;
		    vertical-align: bottom;
		    position: relative;
		    top: 3px;

        }

        .fsOptionLabel.vertical{
            clear:left;
            float:left;
        }

        .fsBody .fsLabelHorizontal .fieldset-content label {
            width: 250px;
        }

        .fsBody .fsLabelHoriztonal .fieldset-content .clear label {
            width: 100px;
        }
        
        label.fsOptionLabel {
            font-weight:normal;
            line-height: 20px;
        }

        .fsOptionLabel.horizontal {
            float: left;
            margin-right: 20px;            
        }
        
        .fsLabelVertical .fsSupporting {
            clear: left;
			font-family:Opensans-Semibold;
        }

        .fsSupporting {
                  
        }
        
        .fsForm select {
            font-size:15px;
            line-height:18px;
        }
        
        .fsRequiredMarker {
            padding-left:2px;
            color:#ba0000;
            font-size:16px;
            font-weight:bold;
            font-family:Verdana;
            float: none;
        }
        
        .fsSupporting.fsRequiredLabel span {
            font-size:inherit;
            height:inherit;
        }

        .hidden
        {
           position: absolute;
           left: -999em;
           width: 0.1em;
           height: 0.1em;
           overflow: hidden;
        }
        
        .fsPagination {
            text-align:center;
            margin:25px 0;
        }
        
        .fsPagination .fsNextButton {
            float:right;   
        }
        
        .fsPagination .fsPreviousButton {
            float:left;
            
        }
        
        .fsPagination input, .fsPagination button {
            font-size:16px;
        }
        
        .fsForm .fsLabel {
            width: 100%;
            font-size:13px;
			font-family:Opensans-Semibold;
        }
    
    /* @end */
    
    /* @group Validation */
        td.fsValidationError {
            background-color:#fcc  !important;
        }
        
        .fsValidationError .fsLabel {
            color:#ba0000;
        }
        
        .fsCounter {
            position:absolute;
            font-size:18px;
            color:#ccc;
            font-family:'Georgia','Serif';
            text-align:right;
        }
        
    /* @end */
    /* @group Captcha */
    
        .fsCaptcha {
            margin:0 auto 30px;
           
            text-align:center;
            padding:5px;
            background:#fff;
            border:1px solid #777;
        }
                
        .fsCaptcha {
            border:solid 1px #333;
            padding:3px;
            text-align:center;
        }
        
        .captchaAudioLink img,.captchaReloadLink img {
            border:0;
            background:#FFF;
        }
        
        .captchaEntry {
            margin-top:5px;
        }
        
        .captchaError label {
            font-weight:bold;
            color:red;
        }
        
        .captchaError .captchaEntry {
            background-color:#fcc;
        }

        .recaptchatable img:hover {
            box-shadow: 0px 0px 0px 1px red;
            -moz-box-shadow: 0px 0px 0px 1px red;
            -webkit-box-shadow: 0px 0px 0px 1px red;
        }

    /* @end */
    
    .fsResumeLink {
        font-weight:bold;
        font-size:14px;
    }
    
    div.fsProgress {
        border:1px solid #ccc;
        width:100px;
        margin:9px auto;
    }
    
    div.fsProgressBarContainer {
        width:96%;
        height:10px;
        margin:1px;
        border:1px solid #ddd;
        background:#f4f4f4;
        position:relative;
        text-align:left;
    }
    
    div.fsProgressBar {
        width:0;
        height:10px;
        background:#888;
    }
    
    div.fsProgressText {
        z-index:10;
        line-height:10px;
        font-size:9px;
        text-align:center;
        width:96%;
        margin-top:-10px;
        padding-bottom:2px;
        color:#555;
    }

    div.fsSaveIncomplete {
        background-color: #CCCCCC;
        margin-bottom: -10px;
        padding: 4px 20px 8px;
        text-align: center;        
        box-shadow: 0 0 3px 1px #999999 inset;
        -webkit-box-shadow: 0 0 3px 1px #999999 inset;
        -moz-box-shadow: 0 0 3px 1px #999999 inset;
        clear: left;
    }
    
    .fsSaveIncomplete a {
        font-size:13px;
        color:#444;
    }
    
    .fsSaveIncomplete a:visited {
        color:#777;
    }
    
    .fsSaveIncomplete a:hover {
        color:#000;
    }
            
    #fsSubmissionCheckmark {
    	width: 75px;
    	height: 68px;
    	float: left;

    }
    
    .fsBlankSection { display:none; }
    
    .fsMatrix {
        font-size:11px;
        width:100%;
        margin:6px 0;
        border-collapse:collapse;
    }
    
    .fsMatrix th, .fsMatrix td {
        text-align:center;
        padding:4px 0;
        font-weight:normal;
        border-bottom:dotted 1px #ccc;
    }
    
    .fsMatrix td.fsMatrixLabel {
        text-align:left;
        padding-right:8px;
    }
    
    .fsMatrixCol1, .fsMatrixCol2 {
        text-align:center;
        padding: 4px 0;
        width:15%;
        border-bottom: 1px dotted #CCCCCC;
        font-weight: normal;
    }
    .fsMatrixCol1 input[type="radio"], .fsMatrixCol1 input[type="checkbox"], .fsMatrixCol2 input[type="radio"], .fsMatrixCol2 input[type="checkbox"] {
        float:none;
    }

    .fsMatrixCol1 {

    }
    .fsMatrixCol2, .fsMatrixLabel {

    }
    
    .fsCurrency  {
        font-size:16px;
        color:#555;
    }
    
    /* SLIDER */
        
        .fsSliderBg {
            position: relative;    

            height: 28px;
            width: 108px;
            float:left;
        }

        .fsSliderDiv {
            position: relative;
            height: 28px;
            width: 108px;
            float: left;
            margin-top:9px;
        }
        
        .fsSliderBg .fsSliderThumb {
            position: absolute;
            cursor: default;
            top: 4px;
        }
        
        div.fsSliderValue {
            float:left;
            margin-left:15px;
            font-size:14px;
            font-weight:bold;
            background-color:#f7f7f7;
            color:#333;
            padding:5px;
        }
        
        input.fsFormatCreditCard {
            margin-right:10px;
        }
        
        img.fsCreditCardLogo {
            vertical-align:top;
            border:solid 1px #777;
        }
        
        .discountcodeMsg {
            font-style: italic;
            font-size: x-small;
            display: block;
        }
        
        #recaptcha_area {
            margin-left: auto;
            margin-right:auto;
        }
        
    /* MOBILE ALERT */
        #mobile-alert p { width: 100%; text-align: center !important; }
        #mobile-alert input[type="submit"] { background: none; border: none; color: red; text-decoration: underline; cursor: pointer; }

        span.fsSlim {
            display:none;
        }

        span.fsFull {
            display:inherit;
        }

        /* Matrix Column Count Classes
         * To ensure columns are of a (reasonably) uniform width
        */

        .fsMatrixColCount1 {
            width: 100%;
        }
        .fsMatrixColCount2 {
            width: 50%;
        }
        .fsMatrixColCount3 {
            width: 33%;
        }
        .fsMatrixColCount4 {
            width: 25%;
        }
        .fsMatrixColCount5 {
            width: 20%;
        }
        .fsMatrixColCount6 {
            width: 16%;
        }
        .fsMatrixColCount7 {
            width: 14%;
        }
        .fsMatrixColCount8 {
            width: 12.5%;
        }
        .fsMatrixColCount9 {
            width: 11%;
        }
        .fsMatrixColCount10 {
            width: 10%;
        }
        .fsMatrixColCount11 {
            width: 9%;
        }
        .fsMatrixColCount12 {
            width: 8%;
        }
        .fsMatrixColCount13 {
            width: 7.5%;
        }
        .fsMatrixColCount14 {
            width: 7%;
        }
        .fsMatrixColCount15 {
            width: 6.5%;
        }

        /*
         *  End Matrix Column classes
        */

        /* V3 Colspan Classes
         * To enable colspan functionality in v3 forms
         */ 

        .fsSpan100 {
            width: 100%;
        }
        .fsSpan75 {
            width: 72%;
        }
        .fsSpan66 {
            width: 63%;
        }
        .fsSpan50 {
            width: 45%;
        }
        .fsSpan33 {
            width: 30%;
        }
        .fsSpan25 {
            width: 22%;
        }
        /*
         * End V3 Colspan Classes
         */

/* Mobile */

    @media all and (max-width: 699px),
    all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait), /* iPad Portrait */
    all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) /* iPad Landscape */
     {
        
        span.fsSlim {
            display:inherit;
        }

        span.fsFull {
            display:none;
        }

        .fsBody .showMobile {
            display: inherit;
        }

        .fsBody .hideMobile {
            display: none;
        }
    
        .fsBody {
            margin-bottom: 80px;
        }

        .fsBody .fsPage, .fsBody .fsForm {
            min-width: inherit;
            width: 100%;
        }

        .fsBody .fs1Col .fsFieldCell, .fsBody .fs2Col .fsFieldCell, .fsBody .fs3Col .fsFieldCell, .fsBody .fs4Col .fsFieldCell {
            width:auto;
        }
    
        .fsBody .fsFieldRow input[type=text],.fsBody .fsFieldRow input[type=email],.fsBody .fsFieldRow input[type=tel],.fsBody .fsFieldRow input[type=number], .fsBody .fsForm textarea {
            width: 90%;
        }
    
        .fsBody .fsForm {
            margin:0;
            width:100%;
            display:block;
            padding:1px 0 10px 0;
        }
        
        .fsborderradius .fsForm .fsSubmit {
            border-radius: 0;
        }
        .fsPagination .fsNextButton {
            margin-right: 10px;
        }

        .fsPagination .fsPreviousButton {
            margin-left: 10px;
        }

        .fsBody .fs1Col .fsFieldCell {
        }

        .fsBody .fs2Col {
            min-width: inherit;
        }
        
        .fsBody .fs3Col {
            min-width: inherit;
        }
        
        .fsBody .fs4Col {
            min-width: inherit;
        }

        div.fsProgress {
            width:65px;
        }

        div.fsProgressBarContainer {
            width:95%;
        }
        
        div.fsProgressText {
            width:95%;
        }
        

        .fsPagination .fsNextButton {
            width: 69px;
            height: 37px;
            margin: 0 15px 0 0;
            padding: 0;
            border: 0;

            text-indent: -1000em;
            cursor: pointer;
        }

        .fsPagination .fsPreviousButton {
            width: 69px;
            height: 37px;
            margin: 0 0 0 15px;
            padding: 0;
            border: 0;

            text-indent: -1000em;
            cursor: pointer;
        }

        .fsSubmit input.fsSubmitMultipage {
            margin-right: 15px;
        }

        .fsBody .fsPasswordForm {
            width: 100%;
        }

        .fsSpan25, .fsSpan33, .fsSpan50, .fsSpan66, .fsSpan75, {
            width: auto;
        }
    
    }
    
    /* iPad */
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
    	   all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)
     {
       
        .fsBody .fsFieldRow input[type=text],.fsBody .fsFieldRow input[type=email],.fsBody .fsFieldRow input[type=tel],.fsBody .fsFieldRow input[type=number], .fsBody .fsForm textarea {
            padding:16px;
            font-size:160%;
        }
        
        .fsSubField {
	        width:49%;
        }

		.fsSubField.fsFieldCity, .fsSubField.fsFieldState, .fsSubField.fsFieldZip {
	        width:inherit;			
		}
		
		.fsSubField.fsFieldCity {
			margin-right: 15px;
			width: 49%;
		}

		.fsSubField.fsFieldState {
			margin-right:20px;
		}

        .fsFieldName {
	        width:85% !important;
        }
        
        .fsLabel {
	        font-size: 150% !important;
        }
        
        .fsSupporting {
	        font-size: 125% !important;
        }
        
        .fsOptionLabel {
	        line-height: 30px !important;
	        font-size: 150%;
        }
        
        input[type="checkbox"], input[type="radio"]{
	        width:25px !important;
	        height: 25px !important;
        }
        
        input[type="radio"]{
        	border-radius: 50px;
        }
        
        select {
	        height: 30px !important;
	        
        }
        
        th.fsMatrixCol1, th.fsMatrixCol2 {
	        font-size:150%;
	        border-radius: 4px 4px 0 0;
			padding:10px;	        
	        font-weight: bold;
	        line-height: 110%;
        }

        .fsMatrixLabel {
	        font-size:150%;
	        line-height: 110%;
	        padding:10px 0 !important;
        }
        
        .fsMatrix {
	        margin-top:15px !important;
        }
    } 


    @media (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
       
		
		.fsSubField.fsFieldCity {
			margin-right: 5px;
			width: 57%;
		}
		

    } 
    

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 480px) {
	/* Styles */
	}
	
	/* Smartphones (landscape) ----------- */
	@media only screen 
	and (min-width : 321px) {
	/* Styles */
	}
	
	/* Smartphones (portrait) ----------- */
	@media only screen 
	and (max-width : 320px) {
	/* Styles */
	}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
	/* Styles */
	}
	
	/* iPads (landscape) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
	/* Styles */
	}
	
	/* iPads (portrait) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
	/* Styles */
	}
	
	/* Desktops and laptops ----------- */
	@media only screen 
	and (min-width : 1224px) {
	/* Styles */
	}
	
	/* Large screens ----------- */
	@media only screen 
	and (min-width : 1824px) {
	/* Styles */
	}
	
	/* iPhone 4 ----------- */
	@media
	only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
	}
	
        
        /* ----------- */
	@media only screen 
	and (max-width : 1024px) {
            img {
                max-width: 100%;
                height:auto;
            }
            
	}