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

	Audioptica - Responsive
	Description: Responsive Stylesheet
	Author: Angelper
	Author URI: http://www.angelper.com
	Version: 1.3

------------------------------------------------------------------------------------------

	Table of Contents:

	1	Smaller than standard 960
	2	Tablet Portrait Size to standard 960
	3	All Mobile Sizes
	4	Mobile Landscape Size to Tablet Portrait
	5	Mobile Portrait Size to Mobile Landscape Size

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

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

/* 	1	Smaller than standard 960														*/

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

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

/*  Header ----------------------------------------------------*/



ul.left {
	float: none;
	margin: 0;
}


ul.right {
	float: none;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	margin: 0;
}

#top {
	height: auto;
	text-align: center;
}

#logo, #logo a, #menu-container, #footer .one-fourth {
	width: 100%;
}

#hidden-area .inner, #header, .callout-box .detail, .callout-box .button {
	text-align: center;
}

/*  Post Content ----------------------------------------------*/

.post-thumb .overlay-view span {
	font-size: 28px;
	letter-spacing: -1px;
}

.clear-row {
	clear: both;
}

#post-navigation.blog {
	float: none;
	margin: 20px 0 10px 0;
}

#post-navigation.blog a[rel="prev"] {
	float: left;
}

#post-navigation.blog a[rel="next"] {
	float: right;
}

#home-slider .flex-direction-nav, #to-top, .filter-portfolio .filter-span {
	display: none !important;
}

}

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

/* 	2	Tablet Portrait Size to standard 960											*/

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

@media only screen and (min-width: 768px) and (max-width: 959px) {




/*  Main Content ----------------------------------------------*/

#top, #header, .inner, #footer-widgets,	#home-slider .flex-caption .caption-inner{
	width: 640px;
}

.blog-sidebar .entry-right,
div#main.blog-sidebar.clearfix {
   	width: 640px;
}


.search-results .search-form #search-field, .search-no-results .search-form #search-field {
	width: 584px;
}

span.left {
	width: 59%;
}

img.alignleft.size-full.wp-image-152 {
	margin-top: 90px;
}


#inicio, #vision, #audicion, #audicion2, #contacto, #examen-visual, #graduado, #sol, #lentes-contacto, #examen-auditivo, #audifonos, #garantias, #garantias2, #moda, #ofertas, #ortok{
width: 640px;
}

div.inner2.clearfix,div.content_inner {
 width: 640px;
}


#sidebar {
	width: 96%;
	padding: 10px;

}


p.copyright,p.footer_txt {
	padding: 0;
}

p.copyright {
	width: 60%;
}



div#mysticky-wrap {
	width: 640px;
}

nav.menu_nav {
	margin: 20px 0 0;
	padding: 0 0 15px;
	border-bottom: 2px solid #fffffe;
}

nav.menu_nav ul li {
	margin-right: 4px;
		font:'Varela Round', sans-serif;
}

nav.menu_nav ul li a {
	
	font-size: 13px;
}

#mysticky-nav{
	padding-bottom: 0px;
	background: none;

}


div.col-xs-6 {
	width: 100%;
	margin-bottom: 30px;	
}

iframe {
	width: 640px
}

#container div.inner p.copyright {
		width: 640px;
text-align: center;
}



div.banner_header {
	height:100%;
	background-color: #aacbd3;
}


#commentform .comment-field{
	margin-top:10px;
	width: 100%;
}




#logo a img {
	float: left;
	margin-top: 24px;
	margin-bottom: 20px;
}

div.contact-header {
	margin-bottom: 20px;
}




.wpcf7-validates-as-email,
.wpcf7-text.wpcf7-validates-as-required,
.wpcf7-tel.wpcf7-validates-as-tel.phone,
.wpcf7-text.empresa,
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea  {
	width: 580px;

}

ul.social_top {
	float: right;
	margin-top: 0;
}

#menu-container {
	margin-top: 12px;
	width: 70%;
}

nav.menu_nav ul li.last_menu {
	border-right-style: none;
}



/*  Post Content ----------------------------------------------*/

.entry-left, #commentform .form-label {
	width: 130px;
}

.entry-right {
	width: 470px;
}

.blog-sidebar .entry-left {
	display: none;
}

.blog-sidebar .entry-meta {
	display: block;

}

#blog-navigation {
	padding: 52px 0 0 170px;
}

.blog-sidebar #blog-navigation {
	padding: 52px 0 0 0;
}

#post-navigation.blog a[rel="prev"] {
	margin-left: 270px;
}

#post-navigation.blog a[rel="next"] {
	margin-right: 269px;
}

#related-posts {
	margin: 0 0 30px 170px;
}

#related-posts ul {
	margin-left: -50px;
}

#related-posts ul li {
	width: 210px;
	margin: 20px 0 0 50px;
}

#related-posts .no-image {
	height: 156px;
}

.blog-sidebar #related-posts {
	margin: 0 0 30px 0;
}

.blog-sidebar #related-posts ul {
	margin-left: -20px;
}

.blog-sidebar #related-posts ul li {
	width: 195px;
	margin: 20px 0 0 20px;
}

.blog-sidebar #related-posts .no-image {
	height: 145px;
}

.blog-sidebar #related-posts .entry-date {
	text-align: left;
}



/*  Comments --------------------------------------------------*/

#comments .comment-title {
	margin: 65px 0 45px 170px;
}

.comment .avatar {
	left: 64px;
}

.comment .comment-content, .comment-navigation, #commentform .form-submit {
	margin-left: 170px;
}

#respond #reply-title {
	margin: 0 0 31px 170px;
}

.depth-1 #respond #reply-title {
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 40px 170px;
	padding-top: 5px;
}

/*  Comment Form (5 levels) -----------------------------------*/

#commentform input[type="text"],
	#commentform textarea,
	.commentlist .depth-1 #commentform input[type="text"],
	.commentlist .depth-1 #commentform textarea {
	width: 436px;
}

.commentlist .children .depth-2 #commentform input[type="text"], .commentlist .children .depth-2 #commentform textarea {
	width: 366px;
}



div#sidebar.right.clearfix {
	
}

.commentlist .children .depth-3 #commentform input[type="text"], .commentlist .children .depth-3 #commentform textarea {
	width: 296px;
}

.commentlist .children .depth-4 #commentform input[type="text"], .commentlist .children .depth-4 #commentform textarea {
	width: 226px;
}

.commentlist .children .depth-4 #respond .cancel-comment-reply {
	display: none;
}

/*  Widgets ---------------------------------------------------*/

#sidebar .search-form #search-field, #footer .one-third .search-form #search-field {
	width: 144px;
}

.dribbble-list li, .dribbble-list li img, .flickr-list li, .flickr-list li img,	.tw_widget_recent_work ul li {
	width: 64px;
	height: 64px;
}

/*  Homepage Template -----------------------------------------*/

#home-slider .flex-caption {
	max-width: 640px;
}

#home-slider .flex-caption .caption-inner {
	bottom: 50px;
}

#home-slider .flex-caption h1 {
	font: 700 28px/36px 'Roboto';
	letter-spacing: -1px;
}

#home-slider .flex-caption h2 {
	font: 300 18px/28px 'Roboto';
	letter-spacing: 0;
}


/*  Contact Template ------------------------------------------*/

#map-container .inner {
	margin-left: -320px;
}

#contact-form .col-half {
	width: 310px;
	margin-right: 20px;
}

#contact-form input[type="text"], #contact-form textarea {
	width: 276px;
}

/*  Shortcodes ------------------------------------------------*/

.pricing-column.fourth .pricing-header .price, .pricing-column.fifth .pricing-header .price {
	font-size: 30px;
}

.pricing-column.featured.fourth .pricing-header .price, .pricing-column.featured.fifth .pricing-header .price {
	font-size: 32px;
}

.recent-posts-container ul {
	margin: 0 0 0 -20px;
}

.recent-posts .blog-item {
	width: 145px;
	margin: 0 0 0 20px;
}

.recent-posts .no-image {
	height: 108px;
}

.recent-posts .blog-item .post-thumb .overlay-view span {
	font-size: 14px;
}

.portfolio-shortcode .portfolio-project.col-third .project-info h2 {
	font: 700 18px/26px 'Roboto';
	letter-spacing: 0;
}

.portfolio-shortcode .portfolio-project.col-fourth .project-info h2 {
	font: 700 24px/32px 'Roboto';
	letter-spacing: -1px;
}

.staff-member .staff-info h3 strong {
	display: block;
}

.service-container.small h2 {
	padding-top: 0;
}



}

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

*/

/* 	3	All Mobile Sizes																*/

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

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




nav.menu_nav {
	display: none;
}

div.content_inner {
	max-width: 440px;

}
nav.menu_nav {
	display: inline;
}

/*  Top------------------------------------------------*/

div.banner_header {
	display: none;
}

ul.listado_calidad {
	padding: 0;
}

#logo a img {
	float: left;
	margin-top: 75px;
}

ul.social_top {
	float: right;
	margin-top: 0;
}

nav.menu_nav ul li.last_menu {
	border-right-style: none;
}

.select-menu, .mobile-select {
	display: block;


/*

Display responsive dropdown menu */
}

p.contact_tittle {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0;
}

span.wpcf7-list-item {
	display: list-item;
	text-align: left;
	list-style-type: none;
}

#primary-nav, #home-slider .flex-inner {
	display: none;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.6em;
}

h3,
h3.short {
	background-image: none;
}

/*  Header ----------------------------------------------------*/

#header .page-title {
	font-size: 38px;
	line-height: 46px;
	letter-spacing: -1px;
}

#header .page-tagline, #home-intro .home-tagline, #project-heading .entry-tagline {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0;
}

/*  Main Content ----------------------------------------------*/

h3.with_line {
	background-image: none;
}

#footer {
	background-image: none;
}

#footer p.footer_txt {
	font-size: 7px;
}

#sidebar {
	margin-top: 40px;
}

#main, #sidebar {
	float: none !important;
}

.entry-left, .entry-right, .blog-sidebar .entry-right, #portfolio-left, #portfolio-right, #contact-form .col-half, #commentform .form-label,
div.two_col,
div.two_col.last,span.left,
div.col-half.left,
div.col-half.left.last,
div.three_col,
div.three_col.last {
	width: 100%;
}

span.left {
	text-align: center;
}

div.three_col {
	
}

div.entry-right.right,
div#sidebar {
	padding: 20px;
}

div#sidebar {
	
}

#entry-share {
	margin-right: 12px;
}

.error-page-title {
	font: 900 120px/150px 'Roboto';
}

.page-template-template-sitemap-php #content {
	margin-bottom: 42px;
}

/*  Post Content ----------------------------------------------*/

.entry-left {
	display: none;
}

.entry-meta {
	display: block;


/*

Display entry meta */
}

.entry-title, .entry-title a, #project-heading h1 {
	font-size: 28px;
	line-height: 36px;
}

#related-posts {
	margin: 0 0 30px 0;
}

#blog-navigation {
	padding: 52px 0 0 0;
}

/*  Comments --------------------------------------------------*/

#comments .comment-title {
	font-size: 28px;
	margin: 57px 0 45px 0;
}

#comments .comment-title sup {
	font-size: 20px;
	top: -8px;
}

#comments #pinglist .comment-title {
	font-size: 20px;
}

.commentlist .children li {
	margin: 0;
}

.comment .comment-content {
	margin-left: 100px;
}

#respond {
	margin: 53px 0 70px 0;
}

#respond.closed {
	margin: 53px 0 65px 0;
}

#respond #reply-title, .depth-1 #respond #reply-title {
	font: 700 20px/26px 'Roboto';
	margin: 0 0 31px 0;
}

#commentform .form-label {
	text-align: left;
	display: block;
	margin: 0;
}

#commentform .form-submit, #pinglist, .comment-navigation {
	margin-left: 0;
}

/*  Widgets ---------------------------------------------------*/

.dribbble-list, .flickr-list, .tw_widget_recent_work ul {
	margin: 0 -2px -2px 0;
}

.dribbble-list li, .flickr-list li, .tw_widget_recent_work ul li {
	margin: 0 2px 2px 0;
}

/*  Footer ----------------------------------------------------*/

#footer-bottom .inner .left, #footer-bottom .inner .right {
	float: left;
}

#callout-footer h2 {
	font: 700 26px/34px 'Roboto';
}

/*  Homepage Template -----------------------------------------*/

#home-intro .home-title {
	font: 700 24px/32px 'Roboto';
}

/*  Portfolio Template ----------------------------------------*/

.filter-portfolio ul li {
	margin: 0 3px 8px 0;
}

.portfolio-project.col-third {
	width: 300px;
	height: 300px;
}

#portfolio-left {
	margin: 0 0 33px 0;
}

#project-meta ul {
	background: url(../images/bg-dots.png) 0 top repeat-x;
}

/*  Contact Template ------------------------------------------*/

#map-container {
	height: auto !important;
}

#map-container .inner {
	position: relative;
	left: 0;
	margin: 40px auto 0 auto;
}

#map_canvas {
	height: 300px;
}

#map-info .contact-container, #map-info .directions-container {
	padding: 0;
}

#map-info .directions-container {
	border-top: none;
}

.contact-title {
	font: 700 36px/44px 'Roboto';
}

#map-info {
	position: relative;
	top: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/*  Shortcodes ------------------------------------------------*/

.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.one-sixth,
	.five-sixth {
	width: 100%;
	margin: 0 0 30px 0;
}

.entry-content .pricing-table, .pricing-column.featured {
	margin-top: 0;
}

.pricing-table .pricing-column.half,
	.pricing-table .pricing-column.third,
	.pricing-table .pricing-column.fourth,
	.pricing-table .pricing-column.fifth {
	width: 100%;
	margin-bottom: 20px;
}

.pricing-table .pricing-column:last-child {
	margin-bottom: 0;
}

#related-posts ul li .entry-date, .recent-posts .blog-item .entry-date, .tw_widget_recent_posts .entry-date {
	text-align: left;
}

.recent-posts-container ul {
	margin: 0;
}

.recent-posts .blog-item {
	margin: 0 0 20px 0;
}

.recent-posts .blog-item:last-child {
	margin: 0;
}

}

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

/* 	4	Mobile Landscape Size to Tablet Portrait										*/

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

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


#inicio,#vision,#audicion,#audicion2,#contacto,#examen-visual,#graduado,#sol,#lentes-contacto,#examen-auditivo,#audifonos,#garantias,#garantias2,#moda,#ofertas,#ortok {
	width: 400px;
	margin: 50px auto 0;
}

nav.menu_nav {
	display: none;
}

div.inner2.clearfix {
	width: 400px;

}

div.wp-pagenavi {
		width: 400px;
}

div#main.blog-sidebar.clearfix {
	margin-top: 10px;
}

div.entry-meta {
			width: 400px;
}

h2.entry-title {
	font-size: 23px;
	white-space: normal;
}

#comments-container,
form.wpcf7-form {
	width: 400px;
	float: none;
}

span.tittle-fx {
	font-size: 28px;
}

div.tipos-audifonos {
	padding: 50px;
	margin-top: 30px;
}

div.contact-map,
iframe {
	width: 95%;
	margin: 0 auto;
}


#logo a img {
	margin-top: 20px;
}

h1.entry-title {
	font-size: 21px;
}

ul.page-links {
	margin: 30px 0px;
}

.post-grid-container.flat .grid-single{
	max-width: 90%;
	margin: 0px 10px 0px 0px;
}


ul.page-links li,ul.page-links2 li {
	display: block;
	font-weight: 400;
	
}


ul.page-links,ul.page-links2{
border: none;
}

div.mensaje-destacado {
	max-width: 400px;
}

ul.page-links li a ,ul.page-links2 li a {
border: none;
	text-decoration: underline;
}


div.col-xs-6,
div.col-xs-4,
div.col-xs-8  {
	width: 100%;
	margin-bottom: 30px;
}


p.copyright,
p.footer_txt  {
	width: 100%;
	text-align: center;
}


div#sidebar.clearfix {
		padding: 0px;
}

div.content_inner div.entry-content div.content_inner div.warning-label p img {
display: none;

}

/*  Navigation ------------------------------------------------*/

ul.social_top {
	margin-top: 21px;
	margin-bottom: 20px;
}

#logo {
	margin-bottom: 20px;
}

#metodologia div.brown h3 {
	margin-top: 40px;
}

nav.menu_nav ul {
	overflow: hidden;
	margin-bottom: 20px;
}

nav.menu_nav ul li {
	width: 90%;
	margin-right: 0;
	text-align: left;
	border-bottom: 1px solid #c5c5c5;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
	border-right-style: none;
}

nav.menu_nav ul li a {
	padding-right: 12px;
	padding-left: 12px;
	color: #646155;
	font-size: 16px;
}

nav.menu_nav ul li a:hover {
	color: #fffffe;
}

#menu-container nav.menu_nav ul li {
	display: list-item;
}

#respond {
	width: 420px;
}

#facebooklikebox-2 {
	display: none;
}

/*  Main Content ----------------------------------------------*/

#top, #header, .inner, #main, #sidebar, #map-info, #footer-widgets, .recent-posts .blog-item,div.banner img {
	width: 420px;
}



img.alignleft.size-full.wp-image-152 {
	margin-left: 50px;
}

ul.servicios {
	padding: 0;
}

.wpcf7-validates-as-email,
.wpcf7-text.wpcf7-validates-as-required,
.wpcf7-tel.wpcf7-validates-as-tel.phone,
.wpcf7-text.empresa {
	width: 333px;
}

/*  Post Content ----------------------------------------------*/

#post-navigation.blog a[rel="prev"] {
	margin-left: 160px;
}

#post-navigation.blog a[rel="next"] {
	margin-right: 159px;
}

.blog-sidebar #related-posts ul {
	margin-left: -20px;
}

#related-posts ul li, .blog-sidebar #related-posts ul li {
	width: 200px;
	margin: 20px 0 0 20px;
}

#related-posts .no-image, .blog-sidebar #related-posts .no-image {
	height: 149px;
}

/*  Comments --------------------------------------------------*/

.comment .avatar {
	left: 0;
}

#commentform input[type="text"],
	#commentform textarea,
	.commentlist .depth-1 #commentform input[type="text"],
	.commentlist .depth-1 #commentform textarea,
	.commentlist .children .depth-2 #commentform input[type="text"],
	.commentlist .children .depth-2 #commentform textarea,
	.commentlist .children .depth-3 #commentform input[type="text"],
	.commentlist .children .depth-3 #commentform textarea,
	.commentlist .children .depth-4 #commentform input[type="text"],
	.commentlist .children .depth-4 #commentform textarea,
	#contact-form input[type="text"],
	#contact-form textarea {
	width: 386px;
}


/*  Shortcodes ------------------------------------------------*/

.portfolio-shortcode .portfolio-project.col-third {
	width: 300px;
	height: 300px;
	margin: 20px 0 0 60px;
}

.portfolio-shortcode .portfolio-project.col-third .project-info h2 {
	font: 700 24px/32px 'Roboto';
	letter-spacing: -1px;
}

.recent-posts .no-image {
	height: 312px;
}

}

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

/* 	5	Mobile Portrait Size to Mobile Landscape Size									*/

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

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



div.inner2.clearfix {
 width: 300px;
}

div.content_inner {
	max-width: 300px;

}

#inicio, #vision, #audicion, #audicion2, #contacto, #examen-visual, #graduado, #sol, #lentes-contacto, #examen-auditivo, #audifonos, #garantias, #garantias2, #moda, #ofertas, #ortok{
width: 300px;
}





nav.menu_nav {
	display: none;
}

div.blog-header,div#main.blog-sidebar.clearfix {
	margin-top: 0;
}



h2, h3, h4{
	text-align: center;
}

h1 {
    text-align: center;
    color: #07516D;
    font: 35px "Varela Round",sans-serif;
    background: none;
    margin-bottom: 12px;
}

.col-xs-6 {
    width: 100%;
    margin-bottom: 30px;
}

div.col-xs-4 {
	width: 100%;
	margin-bottom: 30px;
}

.col-xs-8 {
    width: 100%%;
}

div.center-small {
	text-align: center;
}

div.varilux-box p {
	font-size: 14px;
	margin: 0;
	width: 250px;
}

div.varilux-box img {
	display: none;
}


div.warning-label p img {
	width: 100PX;
}

div#logo.left {

	margin-bottom: 20px;
	margin-left: 50px;
	margin-top: 50px;

}

div.logos-audicion {

    padding-left: 50px;
}
div.tipos-audifonos {
    background-color: #F6F7F6;
    padding: 50px 40px;
}

div.mensaje-destacado {
 font-size:20px;

	width: 300px;
}

ul.page-links {
	padding: 0;
}


ul.page-links li a, ul.page-links2 li a {
   border: none;
	margin: 0;
	padding: 0;
}

ul.page-links li,ul.page-links2 li {
	display: block;
	font-weight: 400;
	
}

.entry-content ul, .comment-body ul {
 
    padding-left: 0px;
}

div.warning-label p img {
display: none;
}

#graduado div.lentes-box div.eds-on-scroll.eds-scroll-hidden.eds-scroll-visible.animated.fadeIn img..size-full.wp-image-1708.alignleft {
	
}

div.lentes-box img
  {
display: none;	
}


#blog {
	display: none;
}

span.tittle-fx {
	font-size: 24px;
}

p.copyright, p.footer_tx{
	font-size: 13px;
}

div.contact-map,
iframe {
	width: 95%;
	margin: 0 auto;
}


div.blue,div.brown,div.gray{
		width: 310px;
}

h1.entry-title,h2.entry-title a {
	font-size: 18px;
	line-height: 27px;
}

h1.entry-title {
	
}

div.brown h3 {
	margin-top: 40px;
}

div.blue ul {
	margin: 0;
	padding: 0;
}

div.contact-header{
	font-size: 12px;
	margin-bottom: 20px;
}

.wpcf7-validates-as-email,
.wpcf7-text.wpcf7-validates-as-required,
.wpcf7-tel.wpcf7-validates-as-tel.phone,
.wpcf7-text.empresa {
	width: 200px;
}



.wpcf7-validates-as-email,
.wpcf7-text.wpcf7-validates-as-required,
.wpcf7-tel.wpcf7-validates-as-tel.phone,
.wpcf7-text.empresa,
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea  {
	width: 250px;

}




p.copyright,
p.footer_txt {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#respond {
	width: 280px;
	margin-left: 20px;
}



/*  Top------------------------------------------------*/

ul.social_top {
	float: left;
	margin-left: 12px;
	margin-bottom: 12px;
}

#logo a img {
	float: left;
	margin-top: 55px;
	margin-left: 12px;
	margin-bottom: 21px;
}

#menu-container {
	overflow: hidden;
	clear: both;
	margin-top: 50px;
	margin-bottom: 0;
}

div.social_top {
	margin-right: 22%;
	margin-top: 0px;
}

p.contact_info {
	display: inline-block;
	float: left;
	text-align: center;
	margin-top: 8px;
	margin-right: 8px;
}

i.fa.fa-envelope,
i.fa.fa-cloud,
span.email a,
span.contacta a {
	display: none;
}

/*  Main Content ----------------------------------------------*/

#top, #header, .inner, #main, #sidebar, #map-info, #footer-widgets, #related-posts ul li, .blog-sidebar #related-posts ul li, .recent-posts .blog-item,div.banner img {
	width: 310px;
}


.search-results .search-form #search-field,
	.search-no-results .search-form #search-field,
	#sidebar .search-form #search-field,
	#footer .one-third .search-form #search-field,
	#footer .one-fourth .search-form #search-field {
	width: 244px;
}

div#top.clearfix {
	overflow: hidden;
}

div#footer {
	overflow: hidden;
	display: table-footer-group;
	height: 5px;
	line-height: 22px;
}

/*  Post Content ----------------------------------------------*/

#post-navigation.blog a[rel="prev"] {
	margin-left: 100px;
}

#post-navigation.blog a[rel="next"] {
	margin-right: 99px;
}

#related-posts .no-image,
	.blog-sidebar #related-posts .no-image,
	.recent-posts .no-image {
	height: 223px;
}

/*  Comments --------------------------------------------------*/

.comment .avatar {
	display: none;
}

.comment .comment-content {
	margin-left: 30px;
}

/*  Comment Form (5 levels) -----------------------------------*/

#commentform input[type="text"],
	#commentform textarea,
	.commentlist .depth-1 #commentform input[type="text"],
	.commentlist .depth-1 #commentform textarea,
	.commentlist .children .depth-2 #commentform input[type="text"],
	.commentlist .children .depth-2 #commentform textarea,
	.commentlist .children .depth-3 #commentform input[type="text"],
	.commentlist .children .depth-3 #commentform textarea,
	.commentlist .children .depth-4 #commentform input[type="text"],
	.commentlist .children .depth-4 #commentform textarea,
	#contact-form input[type="text"],
	#contact-form textarea {
	width: 266px;
}



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

/*  =   RESPONSIVE MENU   =    */

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

.menu {
	text-align: left;
	display: inline;
}

.menu ul {
	list-style: none;
	padding: 0;
	display: inline;
}

.menu li {
	float: right;
	list-style: none;
	display: inline;
}

.menu li a {
	padding: 20px 10px 20px 10px;
	background-color: #3297da;
	display: inline;
	float: right;
	width: 6em;
	display: inline;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.menu li a:hover {
	padding: 20px 10px 20px 10px;
	background-color: #258ace;
	display: inline;
	width: 6em;
	display: inline;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

Mobile Menu

.mobile-menu {
	background-color: #5dade2;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.mobile-menu select {
	margin-top: 10px;
}

}