/* All Responsive
================================================== */
@media only screen and (max-width: 959px) {
	
	/*navigation*/
    #navigation {
		position: inherit;
        line-height: 50px;
        background: url("../images/responsive-select-grey.png") right center no-repeat;
		top: auto;
		right: auto;
    }

    #navigation .selector {
        width: 100%;
        color: #808080;
        line-height: 50px;
    }

    #navigation .selector {
        height: 50px;
        width: 100%;
        display: -moz-inline-box;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
        display: inline;
        cursor: pointer !important;
        text-align: left;
    }

    #navigation .selector {
        margin: 0;
        padding: 0;
        border: none;
    }

    #navigation .selector select {
        position: absolute;
        top: 0px;
        left: 0;
        height: 50px;
        background: none;
        width: 100%;
        font-weight: 500;
        color: #666 !important;
        cursor: pointer;
    }

    #navigation .selector select:focus {
        outline: 0;
    }

    #navigation .selector option {
        background: #fff;
        -webkit-appearance: none;
        padding: 15px 25px;
        border-color: #eee;
    }

    #navigation .selector:hover {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
    }

    #navigation .selector span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #navigation .selector {
        display: inline-block;
    }

    #navigation ul {
        display: none;
    }

}



/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 
	/*grid*/
    .grid-1 {
        width: 700px;
    }
	
	.grid-2 {
		width: 340px;
	}
	
	.grid-3 {
		width: 220px;
	}

    .grid-4 {
        width: 340px;
    }
	
	.grid-4-wrap .grid-4:nth-child(2n+3) {
		clear: left;
	}

	
}


/* Ipad Mini Portrait Edits
================================================== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	.att-one-half, .att-one-third, .att-two-third, .att-three-fourth, .att-one-fourth, .att-one-fifth, .att-two-fifth,.att-three-fifth, .att-four-fifth, .att-one-sixth, .att-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }	
	.att-pricing-table > div{ margin-bottom: 25px; }	
	.att-box, .att-box.left, .att-box.right{ float: none; width: 100% !important; }
	
	
}


/* Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
 
	/*hide things*/
	#home-slider,
    .flex-direction-nav {
        display: none;
    }
	
	/*grid*/
	.grid-1 {
		width: 280px;
	}
	
	.grid-2-wrap,
	.grid-3-wrap,
	.grid-4-wrap {
		margin-right: 0;
	}
	
    .grid-2, .grid-4, .grid-4, .grid-5, .grid-6 {
        width: 280px;
		margin-right: 0;
    }
	
	/*comments*/
    .comment-details {
        margin-left: 0;
        text-align: center;
    }

    .comment-details:after {
        display: none;
    }

    .comment-avatar {
        display: inline-block;
        margin-bottom: 10px;
        position: inherit;
        top: auto;
        left: auto;
    }

    .comment-date {
        display: block;
    }

    .comment-break {
        display: none;
    }

    .comment-reply-link {
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .children {
        margin: 30px 0 0;
    }

    .children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 {
        margin: 0;
    }

    .comment-meta .reply {
        margin-left: 0;
    }

    .comment-meta .reply a {
        margin-top: 10px;
    }

    .portfolio-entry.grid-4 {
        margin-bottom: 25px;
    }
	
	/*shortcodes*/
	.att-one-half, .att-one-third, .att-two-third, .att-three-fourth, .att-one-fourth, .att-one-fifth, .att-two-fifth,.att-three-fifth, .att-four-fifth, .att-one-sixth, .att-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }	
	.att-pricing-table > div{ margin-bottom: 25px; }	
	.att-box, .att-box.left, .att-box.right{ float: none; width: 100% !important; }

}


/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 
    .grid-1,
	.grid-2,
	.grid-3,
	.grid-4 {
        width: 440px;
    }
	
	
}