@media screen 
and (min-width: 1500px) {
/*  .grid-item.grid-8{left: 20.7% !important;}
  .grid-item.grid-11{left: 79.3% !important;}*/
  
 
}
@media screen 
and (max-width: 1500px){
    
/* ------------------------------------------------------------------------- *
 *  TYPOGRAPHY - 1500
/* ------------------------------------------------------------------------- */

   
/*    .grid-wrap{width:70%;}*/
    
    
}


@media screen 
and (max-width: 1200px){
    
/* ------------------------------------------------------------------------- *
 *  TYPOGRAPHY - 1200
/* ------------------------------------------------------------------------- */
    h1 {font-size: 32px;}
    h2 {font-size: 28px;}
    h3 {font-size: 20px;}
    
    .heading-container h1{font-size: 2.3em;}

/* ------------------------------------------------------------------------- *
 *  NAVIGATION - 1200
/* ------------------------------------------------------------------------- */
        
    .search-bar {width: 75%;top: 67%;}
    #navbar ul li a{padding: 10px 15px;}
    .banner-text{top: 47%;}
    #logo{width: 8em !important; margin-left: 3% !important;}
    .navbar ul{padding-right: 3% !important;}
/*    .banner-text h1,
    .heading-container h1{
        font-size: 2.9em;
    }*/
    .carousel-indicators{bottom: 3.3em !important;}
    
    .home-vid-heading h3{font-size: 2.8em;}
    
    
    .page-title-1{    font-size: 3em;}
    .page-title-3 {font-size: 1.5em;}
    
/* ------------------------------------------------------------------------- *
 *  HOME - 1200
/* ------------------------------------------------------------------------- */
    
    

/* ------------------------------------------------------------------------- *
 *  FOOTER - 1200
/* ------------------------------------------------------------------------- */
    .social-icon {font-size: 1.8em;}
    .copyright-wrap{width: 100%;}
    .copyright-left {
        padding: 4% 7%;
    }
    .copyright-right {
        padding: 4% 7% 4% 5%;
    }
   
    


   
/* ------------------------------------------------------------------------- *
 *  WRAPPERS - 1200
/* ------------------------------------------------------------------------- */     
    .heading-container,    
    .single-container,
    .pos-rel.col-80.margin-center.pad-tb-2,
    .default-wrap,
    #curr-opp .archive-container,
    .archive-container,
    .awards-container,
    .blog-home .standard-posts-wrapper,
    .single-post-wrapper,
    .curr-opp.archive-container{
        width: 90%;
    }
    
/* ------------------------------------------------------------------------- *
 *  BLOG - 1200
/* ------------------------------------------------------------------------- */    
    .blog-section {width: calc(50% - 20px);}
    #main .standard-posts-wrapper h3, 
    #main .standard-posts-wrapper-full h3 {
        font-size: 1.3em;
    }
    .standard-posts-wrapper .meta,
    .standard-posts-wrapper-full .meta {font-size: 16px;}


/* ------------------------------------------------------------------------- *
 *  POST & CUSTOM POST NAV - 1200
/* ------------------------------------------------------------------------- */
    .custom-post-nav .prev-content, .custom-post-nav .next-content {
        width: 70%;
    }
    .custom-post-nav .prev-img, .custom-post-nav .next-img {
        width: 30%;
    }
}

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

/* ------------------------------------------------------------------------- *
 *  TYPOGRAPHY - 1024
/* ------------------------------------------------------------------------- */    
    #article p{font-size:0.9em;}
    .grid-fw-img h2,.grid-fw-noimg h2 {font-size:20px;}
    .gs-card-text h4{font-size:18px;}
/* ------------------------------------------------------------------------- *
 *  NAVIGATION - 1024
/* ------------------------------------------------------------------------- */
    
        #logo{
            position:relative !important;
            width: 8em;
            margin-left: 5%;
        }
        .navbar-default .navbar-toggle {
            border-color: transparent;
            border-radius: 0;
        }
        .navbar-toggle{
            padding: 5px 15px !important;
            margin-top: 14px;
            margin-bottom: 0;
            margin-right: 5%;
            transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }
        #navbar ul li a{
            font-size: 14px !important;
        }
        .navbar-toggle .icon-bar {
            display: block;
            width: 40px;
            height: 3px;
            border-radius: 0;
        }
        
        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 6px;
        }
        .navbar-default .navbar-toggle .icon-bar,
        .navbar-default .navbar-toggle:visited .icon-bar,
        .navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #005daa;
        }
        
        .mobile-nav{display: block;}
        
        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:visited{
            background-color:transparent;
        }
        

        .navbar-default .navbar-toggle:hover .icon-bar{
            background-color: #005daa;
        }
        
        #header-holder .navbar-toggle{display:block;}
        #header-holder .navbar-header{float:right;}
        #header-holder .navbar-collapse.collapse {
            display: none !important;
        }
        #header-holder .navbar-collapse.collapse.in {
            display: block !important;
        }
        #header-holder #navbar{
            float: left;
        }
        .menu-open{background-color: #fff !important;
                  height:100vh !important;    overflow-y: scroll;}
        .menu-open:hover{}
        #header-holder .navbar-default .navbar-collapse{border-color: transparent !important;}   
        .navbar #menu-primary-header-menu {            
            float: left;
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-top: 30px;
            padding: 0 !important;
        }
/*        #menu-primary-header-menu > li{
            position: relative;
            float:left;
            width: 100%;
            height: auto;
            border-top: 1px solid rgba(0, 0, 0, 0.08);
        }*/
        .navbar-nav > li > .dropdown-menu li.dropdown-content{display:none;}
        #navbar #menu-primary-header-menu li a {
            position:relative;
            float:left;
            width:100%;
            height:auto;
            color: #005daa;
            padding: 20px 3%;
        }
        

        #menu-primary-header-menu > li > .dropdown-menu{
            position:relative;
            float:left;
            height:auto !important;
            border-top:none;
            min-width:100% !important;
        }
        
        #menu-primary-header-menu > li > .dropdown-menu li.menu-item {
            padding:0;
            
        }
        #menu-primary-header-menu > li > .dropdown-menu li.menu-item:nth-child(2){padding-top: inherit;}


        #menu-primary-header-menu .dropdown-menu li a:before{
            display:none;
        }
        #menu-primary-header-menu > li > .dropdown-menu li.menu-item{width:100%;}
        #menu-primary-header-menu .open .dropdown-menu > li > a{
            padding:15px 15px 15px 5% !important
        }
        #menu-primary-header-menu .dropdown-menu > li > a{
            padding:15px 15px 15px 5% !important
        }


        #carousel-example-generic{height: 100%;}
        .top-banner-container img{    
            object-position: top left;
            object-fit: cover;
        }
        
        
	#site-navigation {
    	text-align: center;
	}
	
	#site-navigation:after,
	#site-navigation:before {
		border: 0 !important;
		border-color: transparent !important;
	}
	
	#site-navigation {
    	background-color: transparent !important;
		margin: 0;
		min-height: 24px !important;
	}
	
	#site-navigation { 
		border-top: none !important;
		padding-bottom: 10px;
	}
	
	#services-wrap,
	.about,
	#get-started
	{
		padding: 1%;
	}
	
	.banner ol.dots {
		display: none;
	}
        
        .dawn-direct .card-item-wrap.col-20{
            width: 33.33%;
        }
        
/* ------------------------------------------------------------------------- *
 *  MASONRY - 1024
/* ------------------------------------------------------------------------- */
    .m-grid-wrap {
        width: 50% !important;
    }
/* ------------------------------------------------------------------------- *
 *  ARCHIVE - 1024
/* ------------------------------------------------------------------------- */
    .card-item-wrap.col-33{width:50%;}
    
/* ------------------------------------------------------------------------- *
 *  AWARDS - 1024
/* ------------------------------------------------------------------------- */
    .top-sdesc.col-50,.top-desc.col-50{width:100%;}
/* ------------------------------------------------------------------------- *
 *  FOOTER - 1024
/* ------------------------------------------------------------------------- */
    
    .footer-box-wrap.flexi-jcenter{justify-content: flex-start;}
    .newsletter-block{
        width:100%;
        padding: 0;
		border-right: none;
    }
    .social-block {
        width: 100%;    
        justify-content: flex-start;
        padding: 5% 0 0;
        border: none;
    }

    .social-icon {
        font-size: 1.8em;
        padding-right: 5%;
    }
    .newsletter-block p {
        font-size: 15px;
    }
    .footer-box-wrap,
    .copyright-right.col-35,
    .copyright-left.col-65{
        width:100%;
        padding: 8%;
    }
    
        .blog-single-page #single-post-body {    width: 90%;}
        .single-post-img-section{height: 350px;}
        
        
        
        /*page builder*/
        /* 2c layout*/
        .half-width{width: 100%;}
        .half-width img{
            height: 550px;
            object-fit: cover;
            object-position: top center;
        }
        
        /*gs layout*/
        .gs-card {
            width: 30%;
            margin-bottom: 5%;
            margin-right: 5%;
        }
        .gs-card:nth-child(4n+4) {
            margin-right: 5%;
        }
        .gs-card:nth-child(3n+3) {
            margin-right: 0;
        }
        .gs-card .cust-title, .cust-title {font-size:1.1em;}
        
        /*CONTACT*/
        iframe{height:500px;}
        
/* ------------------------------------------------------------------------- *
 *  SINGLE CUSTOM POST & PAGE(DEF TEMP) - 1024
/* ------------------------------------------------------------------------- */
    .single-content-wrap h2{font-size: 24px;}
    .single-content-wrap a{font-size: 15px;}
/* ------------------------------------------------------------------------- *
 *  IMAGE TOGGLE GRID - 1024
/* ------------------------------------------------------------------------- */
    .toggle-item-wrap {
        width: 46%;
    } 
/* ------------------------------------------------------------------------- *
 *  BLOG - 1024
/* ------------------------------------------------------------------------- */    
    #main .standard-posts-wrapper h3,
    #main .standard-posts-wrapper-full h3 {
        font-size: 20px;
    }
/* ------------------------------------------------------------------------- *
 *  POST & CUSTOM POST NAV - 1024
/* ------------------------------------------------------------------------- */

.prev-img, .next-img { width: 20%; }
.prev-img{ justify-content: flex-end; }
.prev-content, .next-content{width: 80%;}
.nav-box.previous .prev-content span, .nav-box.next .next-content span{font-size: 16px;}
.nav-box.previous .prev-content img,
.nav-box.next .next-content img {
    width: 10px;
    height: 15px;
}
    
/* ------------------------------------------------------------------------- *
 *  TABBED GRID - 1024
/* ------------------------------------------------------------------------- */    
  
    .grid-text-item {
        width: 49%;
    } 
    .grid-text-item:nth-child(3n+3) {
        margin-right: 2%;
    }
    .grid-text-item:nth-child(even) {
        margin-right:0;
    }
}

@media screen and (max-width: 767px) {
    
/* ------------------------------------------------------------------------- *
 *  BASE - 767
/* ------------------------------------------------------------------------- */
    
    .col-30,.col-50,.col-70,.nl-row .col-20,.nl-row .col-40{width:100% !important;}
    
    
    /*page title */
    .heading-container h1{
        line-height: 1.5em;
        font-size: 1.5em;}
    
    .full-width .col-80, 
    .heading-container {
        width: 90%;
    }
    .top-banner-container.no-img,.top-banner-container.no-image {
        height: 30vh !important;
    }
    .top-banner-container.has-img{
        height: 40vh !important;
    }
    .heading-container h1 span:first-child {width: 100%;}
    .heading-container h1 span:last-child {display: none;}
    
    .btn-mobile {display: block;}
    #tab-menu > li {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #tab-menu > li > a{border-right:1px solid #ddd !important;}
    
/* ------------------------------------------------------------------------- *
 *  TYPOGRAPHY - 767
/* ------------------------------------------------------------------------- */
    h1 {font-size: 28px;}
    h2 {font-size: 24px;}
    
    .curr-content-text h2 {font-size: 20px;}
    .curr-content-text h3 {font-size: 14px;}
    
/* ------------------------------------------------------------------------- *
 *  DEFAULT INNER - 767
/* ------------------------------------------------------------------------- */     
    .default-wrap {width: 90% !important;}

/* ------------------------------------------------------------------------- *
 *  DEFAULT - 767
/* ------------------------------------------------------------------------- */    
   .single-content {
        width: 100%;
        padding: 8%;
/*        order: 1;*/
    }
    .single-img {
        width: 100%;
/*        order: 2;*/
    }
    .single-content-wrap h2 {
        padding: 0;
   
    }
    .single-content-wrap hr {
        position: relative;
        float:left;
        bottom: auto;
        right: auto;
        margin: 20px 0;
        width: 100%;
    }
    .single-content-wrap a {
        font-size: 0.85em;
        position: relative;
        bottom: auto;
        float:left;
    }
/* ------------------------------------------------------------------------- *
 *  ABS IMAGE+CONTENT - 767
/* ------------------------------------------------------------------------- */    
    .abimg-text-item {
        margin-bottom: 15%;
    }    
    .abimg-text-item-wrap:after{display:none;}
    .abimg-text-item-wrap{
        width: 100%;
        margin-top: 5%;
        margin-left: 0;
        padding: 0;
    }

    .abimg-text-img {
        width: 100%;
        margin-top: -5%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .abimg-text-item:nth-child(even) .abimg-text-img, .abimg-text-item:nth-child(odd) .abimg-text-text {
        order: 0;
    }
    .abimg-text-item:nth-child(even) .abimg-text-item-wrap {
        margin-left: 0;
        margin-right: 0;
    }

    .abimg-text-item:nth-child(even) .abimg-text-img {
        margin-right: 5%;
        margin-left: 5%;
    }
    .abimg-text-text-wrap{margin: 0;padding:0;}
    .abimg-text-text{width:100%;padding: 10%;}
    .abimg-text-text-wrap h2{font-size: 1.3em;}
    .abimg-text-text-wrap p{font-size: 0.9em;}
    .abimg-text-text-wrap h3 {font-size: 0.85em;}

/* ------------------------------------------------------------------------- *
 *  MASONRY - 767
/* ------------------------------------------------------------------------- */
    .m-grid-wrap {        
        position: relative !important;
        width: 100% !important;
        height: 300px !important;
        top: 0 !important;
        left: 0 !important;
    }
    .has-icon.m-icon-top, 
    .has-icon.m-icon-bottom,
    .grid-content.has-icon.m-icon-top, 
    .grid-content.has-icon.m-icon-bottom{
        width: 50%;
    }
/* ------------------------------------------------------------------------- *
 *  IMAGE BLOCK - 767
/* ------------------------------------------------------------------------- */     
    .box-section{
        height: 250px;
    } 
/* ------------------------------------------------------------------------- *
 *  ARCHIVE - 1024
/* ------------------------------------------------------------------------- */    
    .card-item-text h4 {
        font-size: 20px;
    }
/* ------------------------------------------------------------------------- *
 *  ARCHIVE - DD -767
/* ------------------------------------------------------------------------- */    
    .card-item-wrap.col-20{
        width: 33.33%;
    }
/* ------------------------------------------------------------------------- *
 *  NAVIGATION - 767
/* ------------------------------------------------------------------------- */
    
        #logo{
            width: 8em;
            margin-left: 5%;
        }
        
        .banner-text{top: 40%;}
        .search-bar{top: 60%;}
        
        .carousel-indicators{bottom: 5em !important;}
        
        
        
        .top-banner-container img,
        .carousel-inner, #myCarousel, .carousel-inner > .item > img,
        .carousel-inner .item,
        .carousel-inner > .item > a > img{
            width:100%;
            height:100% !important;
            object-position: top center;
            object-fit: cover;
        }
        .article .pos-rel.col-90.left.bg-white,
        .article .full-width.left .pos-rel.col-90.margin-center.bg-white
        {
            width:100%;
            margin: 0 !important;
            padding: 7% !important;
        }
        
        
     
        
            .inner-page-title {
            width: 100%;margin-top: 2em;}
        .inner-page-title span{font-size: 0.4em;}

/* ------------------------------------------------------------------------- *
 *  HOME- 767
/* ------------------------------------------------------------------------- */
        
/*        .home.top-banner-image{height: 700px !important;}*/
        
        .show-mobile{display:block;}
        .hide-mobile{display:none !important;}
        
        /*masonary*/
        
        .grid-wrap .grid-item{
            width: 100% !important;
        }
        
        .grid-item.grid-4,.grid-item.grid-7,.grid-item.grid-8,.grid-item.grid-9,.grid-item.grid-10, .grid-item.grid-11 {
            top: inherit !important;
        }
        .grid-item.grid-6,.grid-item.grid-7,.grid-item.grid-8,.grid-item.grid-9,.grid-item.grid-10, .grid-item.grid-11 {
            left: inherit !important;
        }

        
        
         /*HOME - search*/
        .search-bar{width: 85%;}
        .search-bar-wrap{width: 100%;}
        .selectpicker{
            width: 100%;
            margin-right: 0;
            margin-bottom: 1em;
            background-position: 95%;
        }
        .search-bar-wrap .btn-search{    width: 100% !important;}
        
        
        
        
	.banner .inner { 
		padding-top: 0 !important;
	}
	#cart-wrapper,
	#cart-wrapper #account-set, 
	#cart-wrapper #shopping-cart,
	#address-bar {
		width: 100% !important;
		text-align: center;	
	}
	
	#address-bar,
	#cart-wrapper {
		margin-top: 0;
	}
	
	#address-bar {
		margin-bottom: 18px;
	}
			
	.phone-box {
		display: none;
	}
			
	.sidebar-frame {
		width: 100% !important;
	}
	
	.sidebar-frame .sidebar {
		margin: 0 auto !important;
	}
	
/*	.standard-posts-wrapper {
		width: 100% !important;
	}*/
	
	.posts-wrapper #post-body .post-single .text-holder .meta span {
		line-height: 1.8em;
	}
	
	.posts-wrapper #post-body .post-single .text-holder .meta {
		font-size: 11px !important;
	}
	
	.sidebar-footer {
		width: 100% !important;
	}
	
	.sidebar-footer div {
		margin: auto 10px !important;
	}
	
	#content-box {
		width: 100% !important;
/*		margin: auto 10px !important;*/
	}
	
	.post-sidebar {
		display: none !important;
	}
	
	.post-single {
		width: 100% !important;
	}
	

	
	.post-single .meta span {
		display: block !important;
	}
	
	.standard-posts-wrapper .meta span i {
   		 margin-left: 0 !important;
	}
	
	.meta span a span.post_date {
		display: inline !important;
	}
	
	.posts-featured-details-wrapper h3 {
		font-size: 16px;
	}

	#features {
		width: 100%;
	}
	
	.services-right,
	.services-left {
		width: 100%;
	}
	
	.services-left h2 {
		text-align: center;
	}
	
	.services-left h2,
	.services-left p, 
	.row .row-item {
		width: 94%;
	}
	
	
	
	.post-info {
		width: 100%;
	}
	
	.post-info span {
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
	
	.post-info span.separator {
		display: none;
	}
	
	.meta span.separator {
		display: none !important;
	}
	
	.meta span i {
		font-size: 14px;
	}
	
	.get-strated-left {
		width: 100%;
		text-align: center;
	}
	
	#services-wrap p,
	#services-wrap .row-item {
		width: 100%;
		text-align: center;
	}
	
	.row .row-item .service i.fa {
		float: none;
	}
	.content-boxes div.col {
		width: 100%;
		margin-bottom: 18px;
	}
	
/*	.isStuck {
		position: absolute !important;
	}*/
        
/* ------------------------------------------------------------------------- *
 *  GRIDS - 767
/* ------------------------------------------------------------------------- */
    
    /* fullwidth*/
        .grid-fw {
            width: 80%;
        }
        
        
        .grid-fw-imgtxt .grid-fw-item:nth-child(even) .grid-fw-img {
            order: 0;
        }
        .grid-fw-imgtxt .grid-fw-img,.grid-fw-imgtxt .grid-fw-text {
            width: 100%;
        }
        .grid-fw-imgtxt .grid-fw-text{padding: 6% 0;}
        .grid-fw-text-wrap{margin: 0;padding: 0 8% 5%;}
        
        
        .dawn-direct .card-item-wrap.col-20 {
            width: 50%;
        }
/* ------------------------------------------------------------------------- *
 *  FOOTER - 767
/* ------------------------------------------------------------------------- */
        
        .newsletter-block h3 {
            font-size: 28px;
        }
        .nl-modal a {    
            padding: 15px 0;    
            width: 150px;
            font-size: 16px;
        }
        .social-icon {
            font-size: 1.5em !important;
        }
		 .footer-logo-wrap span {
			width: 33%;
		}
        .copyright-left {
            display: none !important;
        }
        /*CONTACT*/
        
        .contact-wrap{width: 100%;}
        .left-contact,.right-contact{width:100%;float:left;}
        .left-contact h4{
            width: 340px;
            margin: 0 auto !important;
            float: none;
        }
        .right-contact .con-details,.right-contact h4{
            width: 340px;
            margin: 0 auto !important;
            float: none;
            
        }
        .con-details span:first-child{
                display: block;
                border-right:none;
        }
        .con-details span{
            padding-left:0;
            padding-right:0;
        }
        .social-bar-wrap {
            width: 340px;
        }
        .left-bottom {width: 100%;height: 350px;}
        .right-bottom {width: 100%;padding-top: 5em;padding-bottom: 5em;}
        .right-bottom-wrap {width: 65%;padding-left: 0;margin: 0 auto;}
        .con-info h3{font-size:2.2em;    text-align: center;}
        .con-info h4 {
            width: 70%;float: none;   
            margin: 0 auto;}
        .con-info h4 span,.con-info h4:last-child span{width: 100%;
            margin-right: 0;
            float: left;
            display: block;}
        .con-add {
            text-align: center;
            position: relative;
            float: left;
        }
           
            .right-bottom-wrap {
                padding: 0
            }

        .con-info h4 .desk-phone{
            display:none;
        }
        .con-info h4 .mobile-phone {
                display: block !important;
                float: left;
                margin-top: 1em;
                margin-bottom: 1em;
        }
        .con-info h4:last-child {
            width: 70%;float: none;    
            margin: 0 auto;
    }
    
/* ------------------------------------------------------------------------- *
 *  BLOG - 767
/* ------------------------------------------------------------------------- */

    
    #main .standard-posts-wrapper .posts-wrapper .blog-section.first-post .thumb-wrapper, 
    #main .standard-posts-wrapper-full .posts-wrapper .blog-section.first-post .thumb-wrapper,
    .standard-posts-wrapper .posts-wrapper .blog-section.first-post .text-holder, 
    .standard-posts-wrapper-full .posts-wrapper .blog-section.first-post .text-holder,
    #main .standard-posts-wrapper .posts-wrapper .thumb-wrapper, 
    #main .standard-posts-wrapper-full .posts-wrapper .thumb-wrapper{
        width: 100%;
        height:auto;
    }
    .blog-section {
        width: calc(100% - 20px);
    }
    .standard-posts-wrapper .posts-wrapper .text-holder, 
    .standard-posts-wrapper-full .posts-wrapper .text-holder {
        position: relative;
        width: 100%;
        overflow: hidden;
        float: left;
        padding: 8%;
    }
    .single-post-main .single-content {
        padding: 8%;
    }




    
    .tab-bottom-menu div {width: 100%;}
    .social-tab{padding: 1.4em;}
    .social-tab a{font-size: 1.1em; margin-right: 6%;margin-left: 5%;}
    a.tab-menu-link.apply-now:before{width: 98%;}
    
    /*gm layout*/
    .grid{height: auto !important;}
    
    
    
    
    /*gs layout*/
    .gs-card {
        width: 47%;
        margin-bottom: 6%;
        margin-right: 6%;
    }
    .gs-card:nth-child(2n+2) {
    margin-right: 0 !important;
}
    .gs-card:nth-child(3n+3) {
    margin-right: 6%;
}
.gs-card:nth-child(4n+4){ margin-right: 0;}
    

.tab-details, .tab-head{
    padding: 5% 8%;;
}

.awards .archive-container{width:80%; float:none; margin: 0 auto;}

/* ------------------------------------------------------------------------- *
 *  POST & CUSTOM POST NAV - 767
/* ------------------------------------------------------------------------- */
    .nav-box.previous, .nav-box.next{width: calc(50% - 20px);}
    .nav-box.previous {margin: 20px 20px 20px 0;}
    .nav-box.next {margin: 20px 0 20px 20px;}
    .nav-box.previous .prev-content span, 
    .nav-box.next .next-content span{
        display: none;
    }
    .prev-img, .next-img {
        width: 80%;
    }
    .prev-img{
        justify-content: flex-end;
    }
    .prev-content, .next-content{width: 20%;}
    .nav-box.previous .prev-content img,
    .nav-box.next .next-content img {
        width: 10px;
        height: 15px;
    }
    .custom-post-nav .prev-img, .custom-post-nav .next-img { width: 40%; }
    .custom-post-nav .prev-content, .custom-post-nav .next-content { width: 60%; }
    .custom-post-nav .prev-content{
        justify-content: flex-start;
        padding-left: 8%;
    }
    .custom-post-nav .next-content {
        justify-content: flex-end;
        padding-right: 8%;
    }
    
/* ------------------------------------------------------------------------- *
 *  TABBED GRID - 767
/* ------------------------------------------------------------------------- */

.grid-text-item {
    width: 100% !important;
    margin-right: 0 !important;
    margin-right: 5% !important;
}

}

@media screen and (max-width: 550px) {	
	.banner .inner h1 { 
		font-size: 1.4em;
	}
	
	.banner .btn,
	.banner .inner p {
		display: none;
	}
	
	.copyright-wrap span.right {
		display: none !important;
	}
	
	.posts-featured-details-wrapper h3 {
		font-size: 15px;
	}
	
	.posts-featured-details-wrapper p {
		display: none;
	}
	
	#features {
		width: 100%;
	}
	
	.feature {
		width: 100%;
	}
        

      
/*        .grid-item.grid-7,.grid-item.grid-8,.grid-item.grid-9, .grid-item.grid-10, .grid-item.grid-11, .grid-item.grid-13, .grid-item.grid-14{
            left: 0 !important;
        }*/
}

@media screen and (max-width: 480px) {
 
/* ------------------------------------------------------------------------- *
 *  TYPOGRAPHY - 480
/* ------------------------------------------------------------------------- */
    h1 {font-size: 24px;}
    h2 {font-size: 20px;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}   

       
/* ------------------------------------------------------------------------- *
 *  GRIDS - 480
/* ------------------------------------------------------------------------- */
       
   .card-item-wrap.col-33{width:100%;}

    
    .dawn-direct .card-item-wrap.col-20 {
        width: 100%;
    }




.social-tab a {margin-right: 4%;}


/*gs layout*/
.gs-card {
    width: 100%;
    margin-bottom: 10%;
    margin-right: 0 !important;
}

/* ------------------------------------------------------------------------- *
 *  IMAGE TOGGLE GRID - 480
/* ------------------------------------------------------------------------- */
    .toggle-item-wrap {
        margin: 10% auto !important;
        width: 80%;
        float: none;
    }
    
/* ------------------------------------------------------------------------- *
 *  ARCHIVE - DD -480
/* ------------------------------------------------------------------------- */    
    .card-item-wrap.col-20{
        width: 50%;
}

/* ------------------------------------------------------------------------- *
 *  POST & CUSTOM POST NAV - 480
/* ------------------------------------------------------------------------- */
    .custom-post-nav .prev-img, .custom-post-nav .next-img {
        width: 60%;
    }
    .custom-post-nav .prev-content, .custom-post-nav .next-content {
        width: 40%;
    }

}

@media screen and (max-width: 380px) {
    
/* ------------------------------------------------------------------------- *
 *  IMAGE TOGGLE GRID - 380
/* ------------------------------------------------------------------------- */    
    .toggle-item-wrap {
       margin: 5% auto !important; 
        width: 95%;
        
    }
    
/* ------------------------------------------------------------------------- *
 *  IMAGE BLUE LABLE - 380
/* ------------------------------------------------------------------------- */
   .grid-fw-img h2, .grid-fw-noimg h2 {    
        width: 65%;
    
    }
}

@media screen and (max-width: 360px) {
    
/* ------------------------------------------------------------------------- *
 *  TYPOGRAPHY - 360
/* ------------------------------------------------------------------------- */
    
    h3 {font-size: 16px;}
    h4 {font-size: 14px;}
    h5 {font-size: 12px;}
    h6 {font-size: 10px;}
    
    .social-tab a {margin-left: 3%;}
    
    .grid-icon{
        margin-left: 0.2em;
        width: 30px;
    }
/* ------------------------------------------------------------------------- *
 *  POST & CUSTOM POST NAV - 360
/* ------------------------------------------------------------------------- */

    .nav-box.previous, .nav-box.next {
        width: 100%;
    }
    .nav-box.previous,.nav-box.next {
        margin: 20px 0;
    }
    .custom-post-nav .prev-img, .custom-post-nav .next-img {
        width: 40%;
    }
    .custom-post-nav .prev-content, .custom-post-nav .next-content {
        width: 60%;
    }
    
    
}

@media screen and (max-width: 320px) {
	.featured-text .meta span.meta-comments,
	.featured-text .meta span.meta-more {
		display: none !important;
	}
	
	#features {
		width: 100%;
	}
	
	.feature {
		width: 100%;
	}

   

}