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



    Theme Name: Photojax

	Version: 1.0

    Description: Premium WordPress Theme By WPExplorer

    Author: http://www.wpexplorer.com

    Author URI: http://themeforest.net/user/wpexplorer/

    Designed & Developed by http://www.wpexplorer.com

	Theme URI: http://themeforest.net/user/wpexplorer/galleries

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html







/* All Responsive ( NO TOP NAV ) ================================================== */




@media only screen and (max-width: 767px) {

 

	/*logo*/

#logo {
  display: block;
	float: none;
	margin: 0 auto;
	text-align: center;
}

#logo img {display: block; margin: 0 auto;}

/*navigation top menu*/

#navigation {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		position: inherit;
        height: 55px;
        width: 100%;
        background: #eee url("../images/responsive-select-grey.png") right 15px center no-repeat;
		margin: 0;
		top: auto !important;
		right: auto;
		text-indent: 20px;
    }

    #navigation .selector {
        width: 100%;
        color: #000;
        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;
	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;
    }


	/* AJAX */

#navigation{
		margin-bottom: 0;
		border-bottom: none;
	}

#ajax-btns{top: 0;}

	

}





/* Tablet (Portrait)

================================================== */

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
.grid-1 {width: 1060px;}
.gallery-entry {width: 160px;}
#post {width: 670px;}
#logo a img {}
p {font-size: 1.3em;}
.single-post hr.break-post { width:732px !important;}
.dataTables_wrapper { font-size:0.8em;}

}
/* ================================================== */

@media only screen and (min-width: 768px) and (max-width: 1100px) {
.grid-1 {width: 760px;}
.gallery-entry {width: 160px;}
.single-post hr.break-post { width:542px !important; margin: 30px 0 30px -21px; }

#post {width: 500px; padding: 20px}
#sidebar {width: 210px;}
p {font-size:1.2em;}

#post-heading h1{
	font-size: 2.5em;
}

h1 {font-size: 3em; margin: 0 0 20px;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}

.loop-entry h2 {
	font-size: 2.5em;
	line-height: 1.6em;
	letter-spacing: -1px;
    margin: 0 0 10px;
}

.loop-entry p {
	font-size: 1.2em;
	line-height: 1.4em;
}
.dataTables_wrapper { font-size:0.8em;}
}

/* Ipad Mini Portrait Edits

================================================== */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.symple-one-half, 
.symple-one-third,
.symple-two-third,
.symple-three-fourth,
.symple-one-fourth,
.symple-one-fifth,
.symple-two-fifth,
.symple-three-fifth,
.symple-four-fifth,
.symple-one-sixth,
.symple-five-sixth { 
	width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
.symple-pricing-table > div{ margin-bottom: 25px; }
.symple-box, .symple-box.left, .symple-box.right{ float: none; width: 100% !important; }'

}

/* Mobile (Portrait)

================================================== */

@media only screen and (max-width: 767px) {

	/*main*/
	
#header { padding: 15px 0 20px 0;}
/* #logo {background:#fff;  margin: 0 auto 5px; border: solid 1px #f1f1f1; border-top: none;} */
#logo a img {max-width:12% !important; padding:5px}

.gallery-entry{width: 130px;}
#post {width: 90%;
padding:5%;}
#sidebar {width: 80%; margin:50px 10%}

	/*comments*/

.comment-details {margin-left: 0;}
.comment-details:after {display: none;}
.comment-avatar {
	display: block;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	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;}

	/* Symple Shortcodes */

.symple-one-half,
.symple-one-third,
.symple-two-third,
.symple-three-fourth,
.symple-one-fourth,
.symple-one-fifth,
.symple-two-fifth,
.symple-three-fifth,
.symple-four-fifth,
.symple-one-sixth,
.symple-five-sixth {
	width: 100%; float: none; margin-right: 0; margin-bottom: 20px;
}

.symple-pricing-table > div{ margin-bottom: 25px; }

.symple-box, 
.symple-box.left,
.symple-box.right {
	float: none; width: 100% !important; }

#post-heading h1{
	font-size: 2.5em;
}

h1 {font-size: 3em; margin: 0 0 20px;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
}


.loop-entry h2 {
	font-size: 2.3em;
	line-height: 1.0em;
	letter-spacing: -1px;
    margin: 0 0 10px;
}

.loop-entry p {
	font-size: 1.2em;
	line-height: 1.2em;
}

/* Mobile (Landscape)

================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {

#header { padding: 15px 0 20px 0;}
/* #logo {background:#fff;  margin: 0 auto 5px; border: solid 1px #f1f1f1; border-top: none;} */
#logo a img {max-width:12% !important; padding:5px}


.grid-1 {width: 460px;}
.single-post hr.break-post { width:112% !important; margin:30px 0 30px -6%}
.gallery-entry{width: 110px;}
p {font-size:1.2em;}
#post-heading h1{font-size: 2.5em;}

h1 {font-size: 3em !important; margin: 0 0 20px; padding:0.5em 3% !important;}
h2 {font-size: 2em !important;}
h3 {font-size: 1.5em;}

.loop-entry h2 {
	font-size: 2.0em;
	line-height: 1.0em;
	letter-spacing: -1px;
    margin: 0 0 10px;
}

.loop-entry p {
	font-size: 1.0em;
	line-height: 1.2em;
}

.link more, .link-more a {font-size:1.0em;
	width: 90%;
  display: block;
  border: 1px solid #d70000;
  padding: 0.5em 5%;
}
.link-more a:hover {
	text-decoration:none;
	background:#000;
}

.dataTables_wrapper { font-size:0.8em;}

}

@media only screen and (max-width: 479px) {

#header { padding: 15px 0 20px 0;}
/*#logo {background:#fff;  margin: 0 auto 5px; border: solid 1px #f1f1f1; border-top: none;} */
#logo a img {max-width:12% !important; padding:5px}


.grid-1 { width: 98%; }
.single-post hr.break-post { width:112% !important; margin: 30px 0 30px -6%; }

.gallery-entry{ width: 110px; }
.symple-box {
	width:90% !important;
	padding: 5% !important;
	margin: 10px 20px !important;
}
#post {
    max-width: 96%;
    padding: 20px;
	width: 100%;
    float: none;
	margin: 0 auto;
}
#post-heading h1{font-size: 2.5em;}


p {font-size:1.2em; text-align:left;}

/*.alignright, .alignleft {float:none; width:60%; text-align:center; margin:50px 20% -30px 20%;}*/

h1 {font-size: 3em; margin: 0 0 20px;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}

.entry h1 {padding: 0.3em 0;}

.loop-entry h2 {
	font-size: 2.0em;
	line-height: 1.0em;
	letter-spacing: -1px;
    margin: 0 0 10px;
}

.loop-entry p {
	font-size: 1.0em;
	line-height: 1.2em;
}

.link more, .link-more a {font-size:1.0em;
	width: 90%;
  display: block;
  border: 1px solid #d70000;
  padding: 0.5em 5%;
}
.link-more a:hover {
	text-decoration:none;
	background:#000;
}

.dataTables_wrapper { font-size:0.8em;}

}