/*-----------------------------------------------------------

    Theme Name: Adventure
	Version: 1.0
    Description: Premium WordPress Theme By Authentic Themes
    Author: http://www.authenticthemes.com
    Author URI: http://themeforest.net/user/authenticthemes/
    Designed & Developed by http://www.authenticthemes.com
	Theme URI: http://themeforest.net/user/authenticthemes/portfolio
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html


/* All Responsive
================================================== */
@media only screen and (max-width: 959px) {
 
	/*logo*/
    #logo {
        display: block;
		float: none;
		margin: 0 auto 50px;
		text-align: center;
    }
	#logo img {
        display: block;
		margin: 0 auto;
    }
	
	/*navigation top menu*/
    #navigation {
		position: inherit;
        height: 55px;
        width: 700px;
        margin-top: 0;
        background: #000 url("../images/responsive-select-grey.png") 96% center no-repeat;
		margin: 0;
		top: auto;
		right: auto;
		text-indent: 20px;
    }

    #navigation .selector {
        width: 100%;
        color: #ddd;
        font-weight: bold;
        line-height: 55px;
    }

    #navigation .selector {
        height: 55px;
        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: 55px;
        background: none;
        width: 100%;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: 500;
        color: #666 !important;
        cursor: pointer;
    }

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

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

    #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;
    }

    .footer-box {
        margin-bottom: 15px;
    }
}



/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 
	/*grid*/
    #wrap, #header, #home-slider, #navigation, #tagline-wrap, #footer {
        width: 700px;
    }

    .grid-4 {
        width: 200px;
    }

    .portfolio-entry.grid-4, .overlay {
        width: 342px !important;
    }
	
	/*main*/
    #post {
        width: 420px;
    }
	
	/*portfolio*/
    #single-portfolio-media {
        width: 400px;
    }

    #sidebar, #sidebar input[type="search"] {
        width: 240px;
    }

    #single-portfolio-info {
        width: 260px;
	}
	
	/*footer*/
    .footer-box {
        float: left;
        width: 156px;
    }

    #footer-bottom-left, #footer-bottom-right {
        width: 340px;
    }

    #footer-bottom-left {
        margin-right: 20px;
    }

    #portfolio-cats li {
        margin-bottom: 6px;
    }

    #single-portfolio-related .portfolio-entry.grid-4 {
        width: 337px !important;
    }
    
    #portfolio-cats {
    	margin-top: -29px;
    }
	
}


/* 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*/
    #wrap, #header, #tagline-wrap, #home-slider, #navigation, #footer, .overlay, input[type="search"] {
        width: 280px;
    }

    .grid-1, .grid-2, .grid-4, .grid-4, .grid-5, .grid-6 {
        width: 280px;
    }

    .footer-box {
        width: 100%;
    }
	
	/*main*/
    #post {
        width: 100%;
    }

    #sidebar {
        width: 100%;
        margin-top: 50px;
    }
	
	/*home*/
    #home-wrap .heading, #ajax-container .heading {
        font-size: 14px;
    }

    #home-wrap .heading span, #ajax-container .heading span {
        max-width: 55%;
    }
	
	/*portfolio*/
    #portfolio-cats li {
        width: 100%;
        text-align: center;
    }

    #portfolio-cats li:after {
        content: '';
        margin-right: 0;
    }

    #portfolio-cats li a {
        display: inline-block;
        float: none;
    }

    #single-portfolio-media {
        margin-bottom: 25px;
    }

    #single-portfolio-media, #single-portfolio-info {
        width: 100%;
    }

    #single-portfolio-info .heading h2 {
        border-bottom: 1px solid #ddd;
    }

    #single-portfolio-info {
        margin-top: 20px;
    }
	
	/*pagination*/
	#post-pagination {
		position: inherit;
		top: auto;
		left: auto;
		margin: 10px 0 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;
    }

    #footer-bottom-left, #footer-bottom-right {
        float: none;
        text-align: center;
    }

    #footer-bottom-right {
        margin-top: 20px;
    }

    #social {
        float: none;
    }

    #portfolio-cats li {
        margin-bottom: 10px;
    }
	
	#portfolio-cats li {
		background: none !important;
	}
	
    .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) {
 
    #wrap, #header, #tagline-wrap, #home-slider, #navigation, #footer, input[type="search"], .grid-1, .grid-4{
        width: 370px;
    }
	
    .portfolio-entry.grid-4 {
        margin-bottom: 25px;
    }
	
}