/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1000px) { 

    #nav { display:block !important; opacity:1 !important; }

    .entry table {width: 100%; margin: 20px 0; padding: 0; border-collapse: collapse;} 
    .entry table th {padding: 0 8px 10px 8px; margin: 0; vertical-align: top; font-size: 16px; color: #FF443B; border-bottom: solid 2px #D5D5D5;} 
    .entry table td {padding: 8px 8px; margin: 0; vertical-align: top; font-size: 16px;} 
    .entry table tr:nth-child(odd) td {background: #EDF3FA;} 
   
    /*.home ul.loop li:nth-child(4n) {display: none;}*/
}


@media only screen and (min-width: 1000px) and (max-width: 1449px) {

    /*-----------------------------------------------------------------------------------*/
    /* Structure
    /*-----------------------------------------------------------------------------------*/

    .container { width:96%; padding-left: 2%; padding-right: 2%; }

    /* footer*/
    #footer-widget .footer-widget-2 { width: calc(100% - 900px);}
        #footer-widget p {font-size: 16px;}
    #footer-widget .footer-widget-3 { width: 590px; margin: 0 20px 0 0; }
        #footer-widget ul li { margin:0 30px 0 0; }
        
    
    /*-----------------------------------------------------------------------------------*/
    /* Home Page styling
    /*-----------------------------------------------------------------------------------*/

    newsletter-section h2 { display:block; margin:0 0 30px 0; }

    #intro-section li {height:350px;}
        #intro-section li h2 {font-size:42px; margin: -12px 0 0 0;}
    
    /*-----------------------------------------------------------------------------------*/
    /* Blog Page styling
    /*-----------------------------------------------------------------------------------*/
    
    .has-sidebar ul.loop li { width: calc(50% - 20px); margin:0 30px 0 0; }
    
        .has-sidebar ul.loop li:nth-child(4n) { clear: none; }
        .has-sidebar ul.loop li:nth-child(3n) { margin-right: 2%; clear: left; }
        .has-sidebar ul.loop li:nth-child(2n) { margin-right: 0; clear: none; }
        .has-sidebar ul.loop li h3 { margin:0 0 10px 0; }
        .has-sidebar ul.loop li .meta { margin:0 0 10px 0;}

    
    /*-----------------------------------------------------------------------------------*/
    /* Details Page styling
    /*-----------------------------------------------------------------------------------*/

    #detail-content .left-column { width:40%; }
    #detail-content .right-column { width:55%; }


    /*-----------------------------------------------------------------------------------*/
    /* Search Results Page styling
    /*-----------------------------------------------------------------------------------*/

    #search-results .results-list { padding:0 30px; }
    #search-filter .filters-container .filters-list { width:420px; }

}


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

    #header #tagline, #header #contact-list {display: none !important;}
    
    /* notice */
    #notice-small img {display: block; width: 36px; height: auto; margin: 0 auto 10px auto;}
    
    
    #newsletter-section h2 {float: none; display: block; margin: 0 auto 20px auto;}
    #newsletter-section form {float: none; display: block; width: 100%; max-width: 600px; margin: auto;}
        #newsletter-section form input[type="email"] {width: calc(100% - 130px);}
    
	
	/*-----------------------------------------------------------------------------------*/
    /*  widget customizer
    /*-----------------------------------------------------------------------------------*/
	#search-filter.embed .fields-container {padding: 25px 0;}	
		#search-filter.embed form { margin: auto; display: inline-block; width:100%; padding-left:20px; padding-right:20px; }
			#search-filter.embed h1 { font-size:48px; }
			#search-filter.embed .form-holder {float: none;}
				#search-filter.embed .form-holder span {display: none;}
			#search-filter.embed .form-holder p {display: none; font-size: 27px; line-height: 1.5; margin: 0 0 5px 0;}
			#search-filter.embed .form-holder p.note {display: block; font-size: 16px; margin: 0; padding: 10px 0 20px 0;}
			#search-filter.embed input[type=text] {height: 42px; line-height: 42px; width: 220px; padding: 0 25px; font-size: 18px; text-align: center; }
				#search-filter.embed #keyword {width: 338px;}       
			#search-filter.embed form input[type=submit],
			#search-filter.embed form button {padding: 0 25px; height: 42px; line-height: 42px; font-size: 21px; margin: 0 auto; display: inline-block !important;}
	
	
}

@media only screen and (min-width: 1000px) and (max-width: 1099px) {
 
    #footer-widget .footer-widget-2 { width: calc(100% - 220px);}
    #footer-widget .footer-widget-3 { display: none; }
   
}


@media only screen and (max-width: 1099px) {
	
	/* responsive home search */
	#top-help { padding: 50px 0; }
    
    #top-help h1 { font-size:72px; }
    
	#top-help .style-three form { margin: auto; display: inline-block; }
		#top-help .style-three .form-holder {float: none;}
			#top-help .style-three .form-holder span {display: none;}
		#top-help .style-three .form-holder p {font-size: 27px; line-height: 1.5;}
		#top-help .style-three .form-holder p.note {font-size: 16px;}
	
		#top-help .style-three input[type=text] {
            height: 48px; line-height: 48px; width: 220px; padding: 0 25px; font-size: 21px; 
        }
        	#top-help .style-three #keyword {width: 338px;}       

		#top-help .style-three input[type=submit],
        #top-help .style-three button {
            padding: 0 25px; height: 64px; line-height: 64px; font-size: 24px; margin: 20px auto 0 auto;
        }
	
	
}


/* iPad horizontal */
@media only screen and (max-height: 768px) and (max-width: 1024px) { 
    
    #search-filter.active {position: relative;}

    #search-results .map-container.active {
        top: 0;
    }
    
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 999px) { 

    /*-----------------------------------------------------------------------------------*/
    /* Structure
    /*-----------------------------------------------------------------------------------*/

    .container { width:100%; padding-left:20px; padding-right:20px; }
    .view-desktop { display:none; }
    .view-mobile { display:block; }

    
    .has-sidebar .content, 
    .entry .content {width: 100%; float: none;}
    #sidebar {float: none; margin: 20px auto; width: 100%; max-width: 300px;}
    
    /* tables */
    .ml-responsive-table {width: 100%; margin: 20px 0; overflow: auto; border-bottom: solid 2px #D5D5D5;}
    .ml-responsive-table::after {
      content: "";
      clear: both;
      display: table;
    }
        .ml-responsive-table .ml-grid {clear: both; border-top: solid 2px #D5D5D5; margin: 2px 0 0 0; width: 100%;}
        .ml-responsive-table .ml-grid:nth-child(even) dt,
        .ml-responsive-table .ml-grid:nth-child(even) dd {background: #EDF3FA;}
        .entry .ml-responsive-table .ml-row-0 {border-top: none;}
        .entry .ml-responsive-table dt.ml-title {width: 50%; float: left; clear: both; padding: 10px 5px; margin: 0; border: none; line-height: 1; font-size: 16px; color: #FF443B;}
            .entry .ml-responsive-table .ml-title br {display: none;}
        .entry .ml-responsive-table dd.ml-value {width: 50%; float: left; clear: none; padding: 10px 5px; margin: 0; border: none; line-height: 1; font-size: 16px;}
    
    /*-----------------------------------------------------------------------------------*/
    /* Header styling
    /*-----------------------------------------------------------------------------------*/

    #header { padding:10px 0 0 0; }

    #header .logo { position:static; float:left; margin:0 0 8px 20px; }
    #header .menu-icon { display:block; float:right; }
    #header .menu-icon i { font-size:28px; margin: 10px 20px 0 0; color:#005191; }
    #header #header-left { clear:both; float:none; padding:15px 20px; background:#102D4A; text-align:center; width:100%; }
        #header #header-left li { float:none; margin:0 8px; display:inline-block; vertical-align:middle; }
    #header #header-left li:last-child { margin-right:8px; }
    #header #header-right { float:none; clear:both; padding:15px 20px; background:#102D4A; width:100%; }
        #header #header-right li { float:left; margin:0 5px 0 0; line-height:22px; }
        #header #header-right li:last-child { margin-right:0; float:right; }
        #header #header-right li:nth-child(2) { padding-right:0; margin-right:0; border-right:none; }
    #header a { font-size:16px; color:#FFF; }
    #header i { font-size:20px; color:#FFF; }

    #nav { background:#005191; text-align:left; padding:12px 0 0 0; position:absolute; top:77px; left:0; width:100%; min-height: 100%; z-index:9999; display:none; opacity:0; }
        #nav nav li { display:block; margin:0; padding:10px 15px; border-top:1px solid #659DCC; }
        #nav nav li.current_page_item:after { display:none; }
        #nav nav li a { font-size:20px; font-weight:700; color:#FFF; }
        #nav nav li a:hover { color: #FFB351 }
        #nav nav li.current_page_item a { color:#FFB351; }
        #nav nav li:last-child {border-bottom: 1px solid #659DCC;}

        /* secondary */
        #nav nav li li, #nav nav li li:last-child { border: none; padding: 10px 10px 0 0; }
        #nav nav li li a { font-size:15px; }
        
    
    #nav .links { text-align:center; padding:0 20px 0 18px; margin:0 0 20px 0; }
    #nav .links li { margin:0 2px; float:left; display:inline-block; vertical-align:middle; line-height:22px; }
    #nav .links li:last-child { margin-right:0; float:right; }
    #nav .links li:first-child i { font-size:24px; }
    #nav .links li:nth-child(2) i { font-size:24px; }
    #nav .links li a { font-size:16px; color:#FFF; font-weight:700; display:inline-block; }
    #nav .links li i { font-size:20px; color:#FFF; display:inline-block; vertical-align:middle; margin:0 7px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
    #nav .links li a:hover { color:#FFB351; }
    #nav .links li a:hover i { color:#FFB351; }

    /* notice */
    #notice-large img {float: none; width: 32px; margin: 0 auto 5px auto;}
    #notice-large h3, #notice-large p {text-align: center;}
      
        

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

    #footer-widget .container { width:100%; padding-left:20px; padding-right:20px; }
    #footer-widget .footer-widget-1 { float:none; width:auto; margin:0 0 30px 0; }
    #footer-widget .footer-widget-1 img { margin:0 auto; }
    #footer-widget .footer-widget-2 { float:none; width:auto; margin:0; text-align:center; }
        #footer-widget p {font-size: 16px;}
    
    #footer .container { width:auto; padding-left:20px; padding-right:20px; }
    #footer p { float:none; text-align:center; font-size: 16px; width: 100%; max-width: none; }

    /*-----------------------------------------------------------------------------------*/
    /* Home Page styling
    /*-----------------------------------------------------------------------------------*/

    #service-topic { text-align:center; position:relative; padding:60px 0; }
        #service-topic .circle { position:absolute; top:-32px; left:50%; margin-left:-32px; width:64px; height:64px; border-radius:50%; font-size:24px; line-height:64px; }
    
        #topicsLeft, #topicsLeftAlt,
        #topicsRight, #topicsRightAlt {float: none; width: 100%; max-width: 560px; margin: auto;}
    
        #service-topic li.topicTitle { display:block; width:100%; margin:0 auto 10px auto; }
        
    #intro-section {  }
        #intro-section li { display: block; margin: 0 auto 20px auto; width: 100%; height: 400px; max-width: 400px; }
    
    #blog-section h2 { text-align:center; }
        ul.loop { margin:0 0 200px 0; }
        ul.loop li { width: 46%; margin: 2% 2%; }
        
        ul.loop li:nth-child(4n) { clear: none; }
        ul.loop li:nth-child(3n) { margin-right: 2%; clear: left; }
        ul.loop li:nth-child(2n) { margin-right: 0; clear: none; }
    
        ul.loop li h3 { margin:0 0 10px 0; }
        ul.loop li .meta { margin:0 0 10px 0;}

    #blog-section .container > a {display: block; text-align: center; width: 100%;}
	
	#news-section h2 { text-align:center;}
        ul.loop { margin:0 0 20px 0; }
        ul.loop li { width: calc(50% - 20px); margin:0 30px 0 0; }
       
        ul.loop li:nth-child(4n) { clear: none; }
        ul.loop li:nth-child(3n) { margin-right: 2%; clear: left; }
        ul.loop li:nth-child(2n) { margin-right: 0; clear: none; }
    
        ul.loop li h3 { margin:0 0 10px 0; }
        ul.loop li .meta { margin:0 0 10px 0;}

    #news-section .container > a {display: block; text-align: center; width: 100%;}
	
	
    
    /*-----------------------------------------------------------------------------------*/
    /* Details Page styling
    /*-----------------------------------------------------------------------------------*/

    #detail-content { padding:15px 0 10px 0; }
    #detail-content .back { text-align:center; }
    #detail-content .map { width:auto; margin:0 -20px 30px -20px; }
    #detail-content .left-column { width:100%; float:none; }
        #detail-content .left-column h1 { font-size:28px; text-align:center; }
        #detail-content .left-column .name { font-size:14px; text-align:center; margin:0; }
        #detail-content .left-column ul { margin:0 0 30px 0; }
        #detail-content .left-column ul li strong { display:block; width:auto; }
    #detail-content .right-column { width:100%; float:none; padding:0; font-size:16px; }
        #detail-content .right-column .icons { margin:0 0 30px 0; }
        #detail-content .right-column .icons li { float:none; margin:0 auto 20px auto; width:210px; }
        #detail-content .right-column .icons li:last-child { margin-right:auto; }
        #detail-content .right-column p { margin:0 0 15px 0; }

    /*-----------------------------------------------------------------------------------*/
    /* Search Results Page styling
    /*-----------------------------------------------------------------------------------*/
    #search-filter.active {position: relative;}
        #search-filter h1 { font-size:38px; }
        
        #search-box {margin: 20px auto;}
    
        #search-filter .fields-container { padding:20px 20px 0 20px; }
        #search-filter .fields-container li { display:block; vertical-align:middle; max-width:400px; width:100%; margin:0 auto 15px auto; }
        #search-filter .filters-container .filters-list { display:block; margin:0 auto 15px auto; max-width:465px; width:100%; }
    
    #search-results .results-list { padding:0 20px; float:none; width:100%; }
    #search-results .results-list h2 {font-size: 28px;}
    #search-results .results-list p {font-size: 15px;}
	
	
	
    
}


@media only screen and (max-width: 768px) { 
    
    #nav nav li { padding: 5px 15px; }
    #nav nav li li, #nav nav li li:last-child { padding: 3px 0; }
    
    #blog-section h2 { text-align:center; }
        ul.loop { margin:0 0 20px 0; }
        ul.loop li,  ul.loop li:nth-child(3n) { float:none; width:100%; max-width: 500px; margin:0 auto 20px auto; }
    
        ul.loop li:nth-child(2n),
        ul.loop li:nth-child(3n),
        ul.loop li:nth-child(4n) { margin-right: auto; clear: none !important; }
    
}

@media only screen and (max-width: 600px) { 
    
    #header .logo img {width: auto; height: 48px;}
    #header .menu-icon i {margin-top: 7px;}
    #nav {top: 66px; padding: 8px 0 0 0;}
        #nav .links {margin: 0 0 8px 0;}
    
    #nav nav li {padding: 5px 15px;}
        #nav nav li a {font-size: 16px;}
        
        #nav nav li li, #nav nav li li:last-child {padding: 0;}
            #nav nav li li a {font-size: 14px;}
    
	
	/* responsive home search */
	#top-help { padding: 30px 0 40px 0; }
    	#top-help .style-three h1 { font-size:42px !important; }
    	#top-help .style-three .form-holder p {font-size: 21px; margin: 10px 0 5px 0;}
		#top-help .style-three .form-holder p.note {font-size: 14px; font-weight: 300; margin: 0;}
		#top-help .style-three input[type=text] {height: 36px; line-height: 36px; width: 375px; padding: 0 10px; font-size: 16px; }
        	#top-help .style-three #keyword {width: 375px; }       
		#top-help .style-three input[type=submit],
        #top-help .style-three button { padding: 0 20px; height: 48px; line-height: 48px; font-size: 21px; }

	
    .single #page-hero {padding-bottom: 150px; margin-bottom: 150px;}     
    #page-hero h1 {font-size: 48px;}
    
    #search-box {width: 94%; height: 48px; line-height: 48px;}
        #search-box input[type="text"] {width: calc(100% - 48px); padding: 0 15px; height: 48px; line-height: 48px; font-size: 18px;}
        #search-box button {background-size: 32px 32px; width: 48px; height: 48px;}

    #location {width: 90%; max-width: 300px;}
	#distance {display: block; margin: 10px auto 0 auto; width: 100px;}
	#search-widget-form #distance {width: 90%; max-width: 300px; display: inline-block;}

	
    #intro-section h3 {font-size: 24px;}
    
    #newsletter-section h2 {
        float: none; display: block; width: 100%; height: auto; text-align: center; font-size: 36px; padding: 40px 0 10px 0; margin: 0;
        background-position: center top;    
    }
    #newsletter-section form input[type="email"] {float: none; display: block; width: 100%; text-align: center;}
    #newsletter-section form input[type="submit"] {float: none; display: block; margin: 10px auto 0 auto;} 
    
    #search-results .results-list h2 {font-size: 21px;}
    #search-results .results-list p.address {font-size: 16px;}
    #search-results .results-list p {font-size: 15px;}
 
    /* blog */
    .page-template-template_blog #main .content > h2 a {font-size: 32px;}
    ul.loop > li h3 {font-size: 21px; margin: 0;}
    ul.loop li p {font-size: 15px;}
    
}


@media only screen and (max-height: 640px) { 
    
    #header .logo img {width: auto; height: 42px;}
    #header .menu-icon i {margin-top: 4px;}
    #nav {top: 60px; }
 
    #nav .links li:first-child i {font-size: 21px;}
   
    #nav nav li {padding: 5px 15px; line-height: 1;}
        #nav nav li li, #nav nav li li:last-child {padding: 2px 0;}

}


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

	#top-help .style-three input[type=text], #top-help .style-three #keyword { width: 100%;}      

	#search-filter.embed input[type=text], #search-filter.embed #keyword { width: 90%;}      
		#search-filter.embed h1 {font-size: 36px;}
}


@media only screen and (max-width: 374px) { 
    
    #top-help {padding: 60px 0;}
    #top-help h1 {font-size: 48px;}
    .home ul#contact-list li {display: block; margin: 10px;}
    #search-box {margin: 20px auto;}
    
}


@media print {

    #header .menu-icon, 
    #header .header-left,
    #header .header-right #nav,
    .back,
    .right-column .icons, 
    #detail-content .left-column .button, 
    #detail-content #map, 
    #footer-widget, 
    #footer {display: none !important;}
    
    #header {background: none;}
    
    .content {}
    
    .content .left-column  {padding-top: 30px;}
    a[href]::after {display: none;}

    #detail-content .left-column { width: 100%; float: none; }
        #detail-content .left-column ul li#address,
        #detail-content .left-column ul li#phone,
        #detail-content .left-column ul li#time { padding-left: 0; background: none; }
    
    #detail-content .right-column { width: 100%; float: none;}
    
}