/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    
    .hero-text {
        width: auto;
    }
                .timescheduler {
        width:auto;
    }
    .container {
        width:auto;
    }
    
        .phoneimg {
            margin-top: 30px;
        text-align: center;
        width: auto;
    }
    
	/* CUSTOM RESETS */
	h1 {
		font-size: 52px;
	}
.
	/* HERO */
	.hero-text p {
		font-size: 18px;
		margin: 35px 0 25px;
	}

	/* SITEMAIN */
	/* Section: Map Feature */
	.section-map-feature {
	    padding-top: 200px;
	}

	.section-map-feature .btn {
		margin: 60px 0 165px;
	}
}
.VLlogo {
    width: 300px; 
    height: auto; 
    float:left;
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	/* CUSTOM RESETS */
    
        .hero-text {
        width: auto;
        padding: 5px;
    }
        
            .phoneimg {
            margin-top: 30px;
        text-align: center;
        width: auto;
    }
    
    .featlist {
        width:auto;
        height:auto;
    }
    
    .VLlogo {
    width: 250px; 
    height: auto; 
    float:left;
}
    
    .hero-appindex { 
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url(../img/mobileindex.jpg) no-repeat center / cover;}
	    
    .hero-landing { 
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url(../img/Nordmobile.jpg) no-repeat center / cover;}
	
  .wrapper img {
  max-width:45px;
}  
    .scrolling-wrapper img {
    max-width: 350px;
}
    .scrolling-wrapper {
   height: 55vh;

}
    
    .daydate {
  display: grid;
  grid-template-columns: auto;
  grid-auto-rows: auto;
  grid-template-areas:
    "a a"
    "b b";
  align-items: flex-start;
  margin-bottom: 0px;
  color: black;
  margin-bottom: 5px;
  grid-gap: 2px;
}
.day1 {
  grid-area: a;
  font-style: oblique;
  font-weight: 800;
  font-size: 15px;
  text-align: left;
  margin-bottom: 0px;
}
.day2 {
  grid-area: b;
  font-weight: 500;
  font-size: 10px;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 0px;
} 
    
    
   .wrapper {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 2px;
  grid-auto-rows: auto;
  grid-template-areas:
    "a b"
    "a b"
    "c c"
    "c c"  
    "d d"
    "d d";
  align-items: flex-start;
  margin-bottom: 10px;
  color: black;
}
.item1 {
  grid-area: a;
  font-style: italic;
  font-weight: 100;
  text-align: left;
  font-size: 10px;
}
.item2 {
  grid-area: b;
  text-align: right;
  font-size: 10px;
}
.item3 {
  grid-area: c;
  align-items: flex-end;
  font-weight: 600;
  text-align: left;
  font-size: 10px;
}
.item4 {
  grid-area: d;
  align-items: flex-end;
  text-align: left;
  font-size: 10px;
} 
    
    
.aligner {
    width: 26em;
    overflow-x: auto;
    white-space: nowrap;
}    
    
    
    
    
    h1 {
		font-size: 42px;
	}
    
	h2 {
		font-size: 14px;
	}

	p + p {
		margin-top: 25px;
	}

	.accordion {
		margin-top: 30px;
	}


	/* Buttons */
	.btn {
		line-height: 40px;
		min-width: 170px;
	}

	/* HEADER */
	.site-header {
		padding-top: 10px;
	}

	/* HERO */
	.hero-content {
		padding-top: 65px;
	}

	.hero-text {
		width: auto;
        padding: 5px;
	}

	.hero-text p {
		font-size: 16px;
		margin: 25px 0 15px;
	}

	/* SITEMAIN */
	/* site-section */
	.site-section {
	   padding: 60px 0 100px;
	} 

	.heading-separator {
		padding-bottom: 50px
	}

	.heading-separator:after {
		bottom: 20px;
	}

	.subheading-text {
	    font-size: 18px;
	}

	/* Section: Features */
	.section-features h2 {
	    font-size: 26px;
	}

	/* Section: Services */
	.section-services .subheading-text {
	    margin-bottom: 60px;
	}

	.section-services .col-md-3:nth-child(n+3) .service {
	    margin-top: 30px;
	}

	.service-title {
		margin: 25px 0 10px;
	}

	/* Section: Map Feature */
	.section-map-feature {
	    padding-top: 150px;
	}

	.section-map-feature h2 {
		padding-bottom: 25px;
	}

	.section-map-feature .btn {
		margin: 45px 0 115px;
	}

	/* Section: Newsletter */
	.section-newsletter h2 {
		padding-bottom: 25px;
	}

	/* FOOTER */
	.site-footer {
		padding-top: 55px;
	}

	.site-footer > .container {
	    padding-bottom: 120px;
	}

	.site-footer h3,
	.site-footer .site-title {
		margin-bottom: 20px;
	}

	.site-footer .list-unstyled li + li {
		margin-top: 15px;
	}

	/* PAGES */
	/* 
	 * Portfolio-item
	 */
	.project-info h5 {
		margin-top: 25px;
	}

	/* 
	 * Blog
	 */
	/* Sidebar */
	.sidebar {
		margin-top: 40px;
		padding-left: 0;
	}
}
    table label {
    font-size: 8px;
        }

.drop {
        margin-top:20px 
    }   

.lifted {
        margin-top:0px 
    }    

.anchorleft{
float: left;
    }
    
.anchorright{
float: right;
margin-right: 20px;

    }



/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	/* CUSTOM RESETS */
    
 /*   .registrationpage {
    zoom: 0.8;
    -moz-transform: scale(0.5);
      display: flex;
  justify-content: center;
}*/
    
        .mobilebump {
        padding-top: 10px;
    }
    
 /*     .image_full{
   display:none;
  }

  .image_mobile{
   display:block;
  }*/
    
    .phoneimg {
        margin-top: 30px;
        text-align: center;
        width: auto;
    }
    .hero-text {
        width: auto;
        padding: 5px;
    }
        
            .timescheduler {
        width:auto
    }
            .featlist {
                    background:none;
    padding: 0px;
        width:auto;
        height:auto;
    }
    
        
    .kigb {
        min-width: 80px;
    }
    
    .him {
        display: none;
    }
    .dhim {
        display: block;
    }
    
.keepintouch {
   float: left; 
   margin-top: 10px;
}
    
    .anchorleft{
float: left;
        
    }
    
.anchorright{
float: right;

    }
    
    .lifted {
        margin-top:0px 
    }    

    
    
    
    
    
    
    
    .subpage-hero {
    height: 200px;
}
        table label {
    font-size: 8px;
        }
    
    .drop {
        margin-top:20px 
    }   
    
	h1 {
		font-size: 25px;
	}

    h2 {
    font-size: 10px;
    font-weight: 600;   
    margin-bottom: 0px;
    margin-top: 0px;
    }
    
    h3 {
    font-size: 10px;
    font-weight: 300;   
    margin-bottom: 2px;
    margin-top: 2px;
    }

	p + p {
		margin-top: 15px;
	}

	/* Buttons */
	.btn {
		min-width: 140px;
		font-size: 10px;
	}
	
	/* Elements */
	/* Tabs */
	.nav-tabs > li {
		float: none;
	}

	.nav-tabs.tab-style > li + li {
		margin-left: 0;
	}

	.tab-style + .tab-content {
		border-top-right-radius: 0;
		border-top:0;
	}

	.nav-tabs.tab-style > li > a {
		margin: 1px 0;
	}

	.nav-tabs.tab-style > li:nth-child(-n+2) > a {
		border-bottom: 0;
	}

	.nav-tabs.tab-style > li:nth-child(n+2) > a {
		border-radius: 0;
	}

	/* Pagination */
	.pagination > li > a {
	    padding: 10px 10px;
	}

	/* HEADER */
	.site-header {
		padding-top: 0px;
	}
	
	.navbar-header .site-title {
		padding-left: 15px;
	}

	/* Navigation */
	.site-navigation {
		position: absolute;
        background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) );
        width: 100%;
        
	}

	.main-menu {
		display: none;
	}

	.slicknav_menu,
	.slicknav_item {
		position: relative;
		z-index: 9999;
	}

	.slicknav_btn {
		position: absolute;
		right: 0;
		margin: 0 15px 0 0;
		padding: 5px;
		z-index: 9999;
	}

	.act .slicknav_btn {
		height: 22px;
		position: fixed;
	}

	.slicknav_icon-bar {
		height: 2px;
		width: 22px;
		display: block;
		background-color: white;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
        margin-top: 15px;
	}

	.slicknav_icon-bar + .slicknav_icon-bar {
		margin-top: 4px;
	}

	.site-header-white .slicknav_icon-bar {
		background-color: #fff;
	}

	.site-header-white  .act .slicknav_icon-bar {
		background-color: #26272d;
	}

	.act .slicknav_icon-bar:first-child, 
	.act .slicknav_icon-bar:last-child  { 
		position: absolute;
		top: 10px;
		height: 3px;
	}

	.act .slicknav_icon-bar:first-child {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.act .slicknav_icon-bar:last-child  {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.act .slicknav_icon-bar:nth-child(2) {
		opacity: 0;
	}

	.act .slicknav_icon-bar + .slicknav_icon-bar  {
  		margin-top: 0px;
	}

	.slicknav_nav {
		background-color: #9a9c9e;
		padding-left: 0;
		list-style: none;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		height: 100%;
		width: 100%;
		overflow-y: scroll;
		text-align: center;
	}

	.act .slicknav_nav {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.slicknav_nav > li:first-child {
		margin-top: 70px;
	}

	.slicknav_nav > li:last-child {
		margin-bottom: 60px;
	}

	.slicknav_nav > li {
		padding: 5px 0;
		-webkit-transition: all 400ms 510ms;
		transition: all 400ms 510ms;
		opacity: 0;
	}

	.slicknav_nav > li {
		-webkit-transform: translateY(50%);
		      transform: translateY(50%);
	}

	.act .slicknav_nav > li {
		opacity: 1;
		-webkit-transform: translateX(0);
		      transform: translateX(0);
	}

	.slicknav_nav > li a {
		display: inline-block;
		color: #26272d;
		font-size: 14px;
	}

	.slicknav_arrow {
		position: absolute;
		right: -40px;
		bottom: 0;
		padding: 0 8px;
	}

	.slicknav_nav ul.dropdown-menu {
		display: none;
		position: relative;
		visibility: visible;
		opacity: 1;
	}

	.slicknav_nav .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		-ms-transition: none;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.slicknav_nav .dropdown-menu li {
		text-align: center;
		padding: 5px 0;
	}

	/* HERO */
	.hero-content {
		padding-top: 45px;
	}
    
    }
	.hero-text p {
		font-size: 14px;
		margin: 20px 0 10px;
	}

	/* SITEMAIN */
	/* site-section */
	.site-section {
	   padding: 30px 0 60px;
	} 

	.subheading-text {
	    font-size: 16px;
	}

	/* Section: Features */
	.section-features h2 {
	    padding-bottom: 15px;
	    font-size: 22px;
	}

	.section-features img {
		position: relative;
	    height: 180px;
	}

	/* Section: Services */
	.section-services .subheading-text {
	    margin-bottom: 20px;
	}

	.section-services .col-md-3 .service {
	    margin-top: 20px;
	}

	.service-title {
		margin: 15px 0 5px;
	}

	/* Section: Map Feature */
	.section-map-feature {
	    padding-top: 100px;
	}

	.section-map-feature h2 {
		padding-bottom: 25px;
	}

	.section-map-feature .btn {
		margin: 30px 0 65px;
	}

	.counter {
		margin: 15px 0;
		font-size: 32px;
	}

	/* Section: Portfolio */
	.portfolio-item {
	    margin-top: 15px;
	}

	.section-portfolio .col-xs-6:nth-child(odd) {
		padding-right: 7.5px;
	}

	.section-portfolio .col-xs-6:nth-child(even) {
		padding-left: 7.5px;
	}

	.portfolio-item:hover a {
		left: 50%;
	}

	/* Section: Newsletter */
	.section-newsletter h2 {
		padding-bottom: 15px;
	}

	.newsletter-group .btn {
		min-width: 100px;
	}

	/* FOOTER */
	.site-footer {
		padding-top: 25px;
	}

	.site-footer > .container {
	    padding-bottom: 50px;
	}

	.site-footer h3,
	.site-footer .site-title {
		margin-bottom: 15px;
	}

	.site-footer .list-unstyled li + li {
		margin-top: 10px;
	}

	.site-footer > .container .col-xs-6:last-child h3 {
		margin-top: 15px;
	}

	/* Copyright */
	.copyright {
		padding: 15px 0;
	}
	
	/* PAGES */
	/* Portfolio */
	#grid {
		margin-top: 25px;
	}

	/* 
	 * Project item
	 */
	.project-img {
		height: 240px;
	}

	.project-img + .project-img {
		margin-top: 15px;
	}

	.project-info h5,
	.project-info .btn,
	.project-info .social-links {
		margin-top: 15px;
	}

	.project-description,
	.project-date-category {
		margin-top: 20px;
	}

	.project-date-category p + p {
		margin-top: 5px;
	}

	/* 
	 * Blog
	 */
	.blog-post + .blog-post,
	.section-blog .ui-pagination {
    	margin-top: 30px;
	}
	.blog-post img {
		height: 240px;
	}

	.post-content,
	.post-content .text-right,
	.post-meta,
	.post-content p {
	    margin-top: 15px;
	}

	.post-author img {
    	height: 30px;
	}

	.post-meta span {
		font-size: 12px;
	}

	.post-meta i {
	    font-size: 26px;
	}

	.post-meta span a {
		padding-left: 35px;
	}

	.post-meta span + span {
		margin-left: 10px;
	}

	.post-comment {
		padding-left: 50px;
	}

	.post-comment img {
		height: 65px;
		width: 50px;
	}

	.replied {
		margin-left: 50px;
	}

	/* Sidebar */
	.widget + .widget {
		margin-top: 30px;
	}

	.widget-title {
		margin-bottom: 15px;
	}

	.widget .list-unstyled li + li {
		margin-top: 10px;
	}

	.widget-tags .list-unstyled li + li {
		margin-top: 5px;
		padding-top: 5px
	}

	/* 
	 * Contact
	 */
	/* Section: Contact-us */
	.section-contact-us h2 {
		padding-bottom: 30px;
	}

	.contact-info {
		margin-top: 40px;
		padding-left: 0;
	}

	.section-contact-us .row .col-sm-7 .col-sm-6 + .col-sm-6 {
		margin-top: 25px;
	}

	.contact-info .list-unstyled + h3, 
	.contact-info a + h3 {
		margin: 15px 0 10px;
	}
}

    .timescheduler {
        width:auto
    }

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {
	/* SITEMAIN */
    .hero-text {
        width: auto;
        padding: 5px;
    }
        
        .phoneimg {
            margin-top: 30px;
        text-align: center;
        width: auto;
    }
    
            .featlist {
                    background:none;
    padding: 0px;
        width:auto;
        height:425px;
    }
    
    .timescheduler {
        width:auto
    }
    
	.section-services .col-xs-6 {
		width: 100%;
	}

	.section-services .col-xs-6 .service{
		min-height: 100%;
	}

	/* Section: Portfolio */
	.section-portfolio .col-xs-6 {
		width: 100%;
	}

	.section-portfolio .col-xs-6:not(:first-child) .portfolio-item {
	    margin-top: 0;
	}

	.section-portfolio .col-xs-6:nth-child(odd),
	.section-portfolio .col-xs-6:nth-child(even) {
		padding: 0;
	}

	/* FOOTER */
	.site-footer .col-xs-6 {
		width: 100%;
	}

	.site-footer > .container .col-xs-6:nth-child(n+2) h3 {
		margin-top: 25px;
	}

	/* Copyright */
    .copyright .col-xs-8,
    .copyright .col-xs-4 {
    	width: 100%;
    	text-align: center;
    }

    .copyright .text-right {
    	text-align: center;
    	padding: 10px 0 0
    }
	/* PAGES */
    /* Project item */
    .section-related-projects .col-xs-6 {
		width: 100%;
	}

	.section-related-projects .portfolio-item {
	    margin-top: 0;
	}

	.section-related-projects .col-xs-6:nth-child(odd),
	.section-related-projects .col-xs-6:nth-child(even) {
		padding: 0;
	}

	/* Blog */
	.post-meta span {
		display: block;
	}

	.post-meta span + span {
		margin: 10px 0 0;
	}

	.post-comment-content-details p {
		display: block
	}

	.post-comment-content-details p + p {
		margin: 5px 0 0 0;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .hero-text {
        width: auto;
        padding: 5px;
    }
        
}