body {
background-color: #F5F5F5;
width:100%;
min-height:100%;
box-sizing:border-box;
            }
/*nav*/          
.nav{
z-index:999;
height:52px;
width:100%;
font-family: 'Roboto', sans-serif;
}

.mainnav {
top:0px;
box-sizing:border-box;
position:fixed;
z-index:9999;
display: flex;
background: #00cc99;
background: -webkit-linear-gradient(left, #00cc99 20%, #339999);
  background: -o-linear-gradient(right, #00cc99 20%, #339999);
  background: -moz-linear-gradient(right, #00cc99 20%, #339999);
  background: linear-gradient(to right, #00cc99 20%, #339999);
  height:52px;
  width:100%;
  border-bottom:2px solid #399999;
  z-index:999;
  padding: 0px, auto;
}

.leftlinks{
          float:left;
          width:50%;
          height:52px;
          box-sizing:border-box;
          position:relative;
          display:flex;
          padding: 0px, auto;
          }
          
.rightlinks{
          float:right;
          width:50%;
          height:52px;
          box-sizing:border-box;
          position:relative;
          display:flex;
          padding: 0px, auto;
          }

.mainnavlinks{
    top:0px;
    left:0px;/*256px*/
box-sizing:border-box;
position:fixed;
z-index:9999;
            display: flex;
            background: #00cc99;
  background: -webkit-linear-gradient(left, #00cc99 20%, #339999);
  background: -o-linear-gradient(right, #00cc99 20%, #339999);
  background: -moz-linear-gradient(right, #00cc99 20%, #339999);
  background: linear-gradient(to right, #00cc99 20%, #339999);
  height:52px;
  width:100%;
  border-bottom:2px solid #399999;
  z-index:999;
    
}

.opennav{
position:relative;
display:flex;
box-sizing:border-box;
width:40px;
height:52px;
padding:16px 8px 0px 8px;
float:left;
}
.opennavlink{
box-sizing:border-box;
display:flex;
justify-content:center;
width:24px;
height:24px;
margin:0 auto;
color:white;
text-decoration:none;
text-align: center;
vertical-align:middle;
border:2px solid transparent;
font-size:24px;
line-height:20px;
font-weight:200;
            -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.opennavlink:hover{
border:2px solid #00ff99;
box-sizing:border-box;
            -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.display{
display:block;
}

.subnavmenuicon{
width:100%;
height:100%;
}

.kblogo {
            box-sizing:border-box;
            height:50px;
            width:52px;
            position:relative;
            background-color:transparent;
            }
            
            .kblogoimg{
            float:left;
            width:36px;
            height:24px;
            padding:14px 8px 14px 8px;
            }
            
            a.kblogolink{
            width:100%:
            height:100%;
            }


a.share-item.permalink, a.share-item.facebook, a.share-item.twitter, a.share-item.reddit, a.share-item.mail{
background:#F5F5F5;
}


.opennav:hover ~ .subnav, .subnav:hover {
    display:block;
    top:52px;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;

}

/*---subnav---*/

.mobiletech, .mobilegaming, .mobilesociety{
    display:none;
}

.subnav{
    z-index:888;
    display:none;
    position:fixed;
    top:52px;
    left:-40px;
    margin: 0 auto;
    height:52px;
    width:100%;
    text-align: center;
    font-weight:600;
    list-style-type:none;
    text-shadow: 0px 1px #2e2e35;}
    
ul.subnav li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  vertical-align:middle;
  padding-top: 16px;
  text-decoration: none;
  font-size: 16px;
  height:52px;
}

.normalsub{
box-sizing:border-box;
border-bottom:1px solid #669999;
border-right:1px solid #399999;
height:52px;
width:80%;
display:inline-block;
float:left;
background: #54AAC9;
background: -moz-linear-gradient(left, #54AAC9 0%, #7C9ED6 100%);
background: -webkit-linear-gradient(left, #54AAC9 0%,#7C9ED6 100%);
background: linear-gradient(to right, #54AAC9 0%,#7C9ED6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#527b8e', endColorstr='#8fa4f7',GradientType=1 );
}

.specialsub{
box-sizing:border-box;
border-bottom:1px solid #669999;    
height:52px;
width:20%;
display:inline-block;
background: #47ccaa;
background: -moz-linear-gradient(left, #57A7E0 0%,#47ccaa 100%);
background: -webkit-linear-gradient(left, #57A7E0 0%,#47ccaa 100%);
background: linear-gradient(to right, #57A7E0 0%,#47ccaa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ccaa', endColorstr='#7cb6e2',GradientType=1 );
}

.subnavlink,.sitesubnavlink{
    display:block;
    box-sizing:border-box;
    float:left;
    height:52px;
}

.subnavlink {
    width:calc(100%/8);
    color:#f5f5f5;
    text-align: center;
    font-weight:600;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.sitesubnavlink {
    width:50%;
    color:#f5f5f5;
    text-align: center;
    font-weight:600;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.subnavlink:hover {
    background:#7777BB;
    text-decoration:none;
    color:#f5f5f5;
    font-size:16px;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.sitesubnavlink:hover {
    background-color:#5BBFAB;
    text-decoration:none;
    color:#f5f5f5;
    font-size:16px;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

/*----category-nav--*/

.catmain{
    box-sizing:border-box;
    display:none;
    width:100%;
    height:52px;
    text-align: center;
vertical-align: middle;
line-height: 52px; 
    color:white;
    font-weight:900;
}

.catnav{
    box-sizing:border-box;
    height:52px;
    width:516px;
    padding:0;
    position:absolute;
}

.catnavlink{
    box-sizing:border-box;
    height:52px;
    padding:14px 8px 14px 8px;
    width:172px;
    float:left;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.catnavlink a, .catnavlink p{
    font-weight:400;
    color:white;
    font-size:16px;
    text-decoration:none;
    text-transform:uppercase;
    line-height:24px;
    font-weight:900;
}

.catnavlink:hover {
    box-sizing:border-box;
    border-bottom:4px solid #f5f5f5;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.catnavlink:active {
    box-sizing:border-box;
    border-bottom:4px solid white;
                -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

#TechNav:hover{
    background-color:#FF9966;

}
#GamingNav:hover{
    background-color:#FF6699;

}
#SocietyNav:hover{
    background-color:#33CCFF;

}

#TechNav, #GamingNav, #SocietyNav, #TechNav:hover, #GamingNav:hover, #SocietyNav:hover {
text-shadow:0px 1px #2e2e35;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

/*navlinks*/
          .navlinks{
          box-sizing:border-box;
          width:516px;
          background-color:transparent;
          padding:0 16px 0 0px;
          text-align:center;
          position:relative;
          float:left;
          }
          
          .socialmedialinks{
          clear:both;
          display:block;
          box-sizing:border-box;
          max-width:100%;
          background-color:transparent;
          float:right;
          height:52px;
          }
          
          .socialmediaicon{
          box-sizing:border-box;
          width:52px;
          height:52px;
          display:inline-block;
          float:left;
          }
          
          .fa-search, .fa-twitch, .fa-youtube-play, .fa-twitter {
margin:18px 0px 0px 18px;
color:white;
          }
.fa-tumblr,.fa-facebook{
margin:20px 0px 0px 20px;
color:white;    
}
/*search*/  
            .searchbox{
            clear:both;
            right:8px;
            top:-16px;
            height:24px;
            width:278px;
            margin:14px 8px 1px 0px;
            padding:0px;
            box-sizing:border-box;
            display:block;
            position:absolute;
            background-color:none;
            }
    
            input:hover{
            border-bottom:1px solid #00ffcc;
            }
            
            button{
            background:none;
            border:none;
            }
            .searcharea{
            float:right;
            }
            .search-field{
            background-color:transparent;
            border:none;
            color:#f5f5f5;
            }
            /*FLIP*/
            .fa-search {
            -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
            }
            .jumpsearch{
            display:none;
            }


#iconyoutube:hover{background:#b31217;}
#icontwitch:hover{background:#6441A4;}
#icontumblr:hover{background:#35465c;}
#icontwitter:hover{background:#4099FF;}
#iconfacebook:hover{background:#3b5998;}

#iconyoutube:hover, #icontwitch:hover, #icontumblr:hover, #icontwitter:hover, #iconfacebook:hover, #iconyoutube, #icontwitch, #icontumblr, #icontwitter, #iconfacebook{
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

#page{
   
}

#footer{
    height:52px;
}

.footerinfo {
    bottom:0;
    left:0;
    right:0;
}

.footerinfo, #footersearch, .footersocial{
    position:relative;
    margin: auto;
    z-index: 2;
    max-width: 704px;
    min-width: 272px;
    height:auto;
    padding:4px 0px 4px 0px;
    text-align: center;
    color:#aaa;
}

.footernav{
    display:flex;
    justify-content:center;
    position:relative;
    left: 0;
    right:0;
    margin:0;
    z-index: 2;
    width:100%;
    height:24px;
    padding:4px 0px 4px 0px;
    text-align: center;
    color:#aaa;
}

.footerlinks{
display:inline-block;
line-height: 24px;
padding:0 4px 0 4px;
color:#aaa;
text-decoration:none;
text-align: center;
}

.footersocial{
    display:flex;
    justify-content:center;
}

.footersocialicon{
    margin:0 16px 0 16px;
    color:#888;
    border:none;
}

.footersocialicon:hover{
    color:#00cc99;
}

.searchfooter, .searchbuttonfooter, #fa-search-footer, .search-field-label, .search-field-footer{
color:#888;
background:transparent;
}

.search-field-footer{
    border:none;
    border-bottom:1px solid #888;
}

#fa-search-footer:hover{
    color:#00cc99;
}

.footersocialicon, .footersocialicon:hover, #fa-search-footer, #fa-search-footer:hover{
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
}

.post, section.panel{background-color:#F5F5F5;}
            
.panel, .post-footer{height:52px;}
/*general L/O */            
            .content {
            margin-left: auto;
            margin-right: auto;
            padding: 12px 32px;
            position: relative;
            z-index: 2;
            max-width: 704px;
            /*max-width: 704px;*/
            min-width: 272px;
            }

            .post-wrapper {
            max-width: 704px;
            /*max-width:704px;*/
            min-width:272px;
            }
            
            .post-content {
            }

            section.inline-meta.post-extra{
            margin-top:20px;
            padding-left:16px;
            }

/*Pagination */

            #pagination a.next, #pagination a.previous{
            box-sizing:border-box;
            border-bottom:1px solid #e4e4e4;
            font-family: 'Roboto', sans-serif;
            font-size:16px;
            color:white;
            width:112px;
            height:44px;
            background-color:#00cc99;
            border-radius:0px;
            -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in; 
-webkit-transition: all .1s ease-in; 
transition: all .1s ease-in;
            }
            
            #pagination a.next:hover, #pagination a.previous:hover{
            border-bottom:2px solid #d1d1d1;
            transform:translate(0px,-2px);
            -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in; 
-webkit-transition: all .1s ease-in; 
transition: all .1s ease-in;
            }

/* Post Font formatting */            
            
            .post-content h1, .post-content h2, .post-content a, .post-content p{
            font-family: 'Roboto', sans-serif;
            }
            
            h2.title, b {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            }

/* Post section padding */

            .photo-wrapper:not(.high-res)+.caption{
            padding:12px 32px;   
            }
            
            /*caption positioning*/
            .text .post-content{
            padding:24px 32px;    
            }
            
            .caption{
            max-width:640px;
            padding:0px 32px 0px 32px;
            }
            
            #posts {
            margin-top:16px;
            }
            
            #posts article{
            margin-bottom:16px;
            }
            section.inline-meta.post-extra.has-source{
            padding-left:32px;    
            }
            section.post-controls{
            padding-right:32px;
            }
            div.date-note-wrapper{
            margin-left:32px !important;
            }
            div.date-note-wrapper, div.controls-wrapper{padding-bottom:12px}
 /*Photoset caption*/
            .post-content .caption {
            margin: 0px;}
            
            figcaption.caption {

            padding:12px 32px;
            }
            
/*post shadow and highlight*/         

            .post-wrapper{
            border-top:1px solid #e2e2e2;
            border-left:1px solid #e2e2e2;
            border-left:1px solid #e2e2e2;
            border-bottom: 2px solid #e1e1e1;
            border-radius:0px;
            -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in; 
-webkit-transition: all .1s ease-in; 
transition: all .1s ease-in;
            }
            
            .post-wrapper:hover{
            border-top:1px solid #00cc99;
            border-left:1px solid #e2e2e2;
            border-left:1px solid #e2e2e2;
            border-bottom: 2px solid #d2d2d2;
            transform: translate(0px,-4px);
            -moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in; 
-webkit-transition: all .1s ease-in; 
transition: all .1s ease-in;
            }
 /*****/           
            .blog-title {
                font-family: {TitleFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
                font-weight: {TitleFontWeight};
            }

            .blog-title /*a*/,
            .description,
            .search-no-results,
            .likes-no-likes {
                color: {TitleColor};
            }

            /*a*/ {
                color: {AccentColor};
            }

            #pagination a,
            .nav-wrapper .nav-item .label {
                color: {AccentColor};
            }

            #pagination a.next:after, #pagination a.previous:after {
                border:none;
            }

            .loader .loader-bar {
                background-color: {TitleColor};
            }

            .header-image.cover {
                background-image: url({HeaderImage});
            }

            .user-avatar {
                background-color: {BackgroundColor};
                border-color: {BackgroundColor};
            }

            .avatar-style-square .user-avatar {
                -webkit-box-shadow: 0 0 0 4px {BackgroundColor};
                box-shadow: 0 0 0 4px {BackgroundColor};
            }

            .no-header-image .logo-wrapper,
            .contain-header-image .logo-wrapper {
                color: {AccentColor};
            }

            /* Adjust logo for light accents on light backgrounds */
            .light-on-light.no-header-image .logo-wrapper,
            .light-on-light.contain-header-image .logo-wrapper {
                color: #444;
            }

            /* Adjust logo for dark accents on dark backgrounds */
            .dark-on-dark.no-header-image .logo-wrapper,
            .dark-on-dark.contain-header-image .logo-wrapper {
                color: #fff;
            }

            .related-posts-wrapper > h2 {
                color: #aaa;
            }

            @media screen and (max-device-width: 568px) {
                .header-image.cover {
                    background-image: url({HeaderImage-640});
                    -webkit-background-size: cover;
                    background-size: cover;
                }

                .avatar-style-square .user-avatar {
                    -webkit-box-shadow: 0 0 0 3px {BackgroundColor};
                    -moz-box-shadow: 0 0 0 3px {BackgroundColor};
                    box-shadow: 0 0 0 3px {BackgroundColor};
                }

            }

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.related-posts-cta .button.bordered {
    border-radius:0px;
    border:1px solid #00cc99;
}

.related-posts-cta .button{
    border-radius: 0px;
    display: inline-block;
    font-weight: 700;
    padding: 10px 20px;
    text-decoration: none;
    color:#00cc99;
}

a.related-post-cta .see-more .button .bordered {
    color:#00cc99;
}

.at4-show, .at4-show-content{
margin:0 auto 16px 0;
padding:16px 0px 0px 24px;
}

/*addthis and source*/
.permalink .post-extra{
Margin:0 0 4px 0;
padding:0 20px 0 24px;
}

/*source*/
.inline-meta .meta-item{
padding:8px 0px 0px 0px;   
}

/*add this mobile*/
#at-share-dock{

}

.related-posts-wrapper{
text-align:center;    
}

.related-posts-wrapper h2{
color:#aaa;
border:none;
text-transform:uppercase;
font-size:12px;
margin:28px 0;
display:inline-block;
}

/*pop up*/

.pop-menu .share-menu .south .active{
    border-radius:0;
    background:#f5f5f5;
}

    .mobilenavmenuwrapper, .mobilenavmenu, .mobilenav{
    display:none;
    }
    .mobilenavmenu{
    height:100%;/*make mobile nav fill to screen bottom*/
    }
a.read_more{
    box-sizing:border-box;
    text-decoration:none;
    background:#00cc99;
    color:#f5f5f5;
    padding:8px;
    font-weight:700;
}

/* animations */
.post-wrapper, .post-wrapper:hover, #pagination a.next, #pagination a.previous, #pagination a.next:hover, #pagination a.previous:hover, .footersocialicon, .footersocialicon:hover, #fa-search-footer, #fa-search-footer:hover, #iconyoutube:hover, #icontwitch:hover, #icontumblr:hover, #icontwitter:hover, #iconfacebook:hover, #iconyoutube, #icontwitch, #icontumblr, #icontwitter, #iconfacebook, #TechNav, #GamingNav, #SocietyNav, #TechNav:hover, #GamingNav:hover, #SocietyNav:hover, .catnavlink, .catnavlink:hover, .catnavlink:active, .subnavlink, .sitesubnavlink, .subnavlink:hover, .sitesubnavlink:hover, .opennav:hover ~ .subnav, .subnav:hover, .opennavlink, .opennavlink:hover,
{-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in; 
-webkit-transition: all .1s ease-in; 
transition: all .1s ease-in;} 

/*remove focus*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.index-page .fotos img {
    display: none;
}

.index-page .fotos img:first-child {
    display: block;
    max-width:100%;
    width:100%;
}

.phootset_row{
margin:0px;
max-width:100%;
width:100%;
}

/* @media */

@media screen 
and (max-width:1230px){
ul.subnav li a{
font-size:14px !important;    
}    
}

@media screen 
and (max-width:1220px){
    .item{}
    .leftlinks{
        width:auto;
    }
    .leftlinks{
    margin-right:16px;
    }

.kblogoimg{
    padding:14px 8px 0 8px;
}
    .rightlinks{
    width:100%;
    display:flex;
    justify-content:flex-end;
}
    .catmain, .catnavlinks, #TechNav, #GamingNav, #SocietyNav, .subnav, .subnavlink, .sitesubnavlink {
    display:none !important;
    }
    
    .opennav:hover ~ .subnav, /*.kblogo:hover ~ .subnav,*/ .subnav:hover, .catnav {
    display:none;
    }
    
    .mainnavlinks{
    left:0px;
    box-sizing:border-box;
    }
    .nav{
    height:52px;
    box-sizing:border-box;
    }
    .kblogo, .searchbox{
    box-sizing:border-box;
    height:52px;
    margin-bottom:2px;
        z-index:9999;
    }
    
    .searchbox{
    position:relative;
    width:auto;
    margin:0px 0px 0px 8px;
    padding:16px 8px 0px 0px;
    right;0;
    float:right;
    }
    
    .navlinks{
    width:0px;
    padding:0px;
    }
    
    .socialmedialinks {
    box-sizing:border-box;
    height:52px;
    display:flex;
    justify-content: space-around;
    width:auto;
    }
    .mobilenavmenu{
    background:#2e2e35;
    }
    .mobilenav a
    {box-sizing:border-box;
    padding:0 0 0 8px;
    font-weight:900;
    box-sizing:border-box;
    width:100%;
    display:flex;
    text-decoration:none;
    }
    
    .mobiletech{
    background:#FF9966;
    color:white;
    }
    
    .mobilegaming{
    background:#FF6699;
    color:white;
    }
    
    .mobilesociety{
    background:#33CCFF;
    color:white;
    }


    .opennav:hover ~ .mobilenavmenuwrapper, .mobilenavmenu{
    display:block;
    }
    
    .mobilenav > .mobilecolumn {
    background:#e8e8e8;
    color:#444;
    }
    
    .mobilecolumn:hover {
    color:#f5f5f5;
    background: #669999;
  background: -webkit-linear-gradient(right, #669999 20%, #339999);
  background: -o-linear-gradient(left, #669999 20%, #339999);
  background: -moz-linear-gradient(left, #669999 20%, #339999);
  background: linear-gradient(to left, #669999 20%, #339999);
    }
    
    .mobileabout
   {color:#f5f5f5;
   text-shadow:0px 1px #222;
    }

    .opennav:hover ~ .mobilenav, .mobilenav, .mobilenav:hover {
    display:flex;
    position:relative;
    box-sizing:border-box;
    padding-right:32px;
    top:0;
    left:0;
    width:248px;
    line-height:52px;
    height:52px; !important:
    }
    .opennav:hover ~ .mobilenavmenu, .mobilenavmenu:hover {
    display:block;
    position:relative;
    top:0;
    left:0;
    width:248px;
    height:100%; !important:
    overflow:scroll;
    overflow-y:scroll;
    background:#2e2e35;
    }
    .opennav:hover ~ .mobilenavmenuwrapper, .mobilenavmenuwrapper:hover {
    display:block;
    position:fixed;
    top:52px;
    left:0px;
    width:248px;
    height:100%; !important:
    overflow:scroll;
    overflow-y:scroll;
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
    }

}
@media screen 
and (max-width:874px){
    .item{}
    .jumpsearch{
    display:block;
    width:52px;
    height:52px;
    }
    .searcharea{
	display:none;
	}
    .searchbox, #search{
    width:28px;
    }
    
    	.nav, .mainnav{
	    box-sizing:border-box;
	    height:52px;
	}
	
	.kblogo{
    box-sizing:border-box;
    display:flex;
	height:52px;
	width:52px;
	}
    .socialmedialinks{
    display:flex;
    width:auto;
    justify-content:space-around;
    }
}
@media screen 
and (max-width:768px){
.item{}
.navlinks{
    padding:0px;
}
.leftlinks{
    width:auto;
}
.rightlinks{
    width:100%;
}

.searchbox, #search{
    width:24px;
    }

}

@media screen
and (max-width:680px) {
/*addthis and source*/
.permalink .post-extra{
Margin:0 0 4px 0;
padding:0 0px 0 0px;
}

/*source*/
.inline-meta .meta-item{
padding:0px 0px 0px 0px;   
} 

}

@media screen
and (max-width:425px) {
.item{}
.leftlinks{
    margin-right:16px;
}

.kblogoimg{
    padding:14px 8px 0 8px;
}

.leftlinks, .kblogo, .socialmedialinks{
    width:auto;
}

.rightlinks{
    width:100%;
}

.navlinks{
    padding:0px;
}

.socialmedialinks{
    width:240px;
}

.searchbox{
    width:40px;
}
   
}

@media screen /*in between resizing */
and (max-width:396px){
.item{}
.socialmedialinks{
    width:76%;
}   
}

@media screen
and (max-width:375px) {
.item{}
.rightlinks{
    justify-content:space-around;
}
.socialmedialinks{
    width:68%;
}
.searchbox{
    width:auto;
    float:left;
    right:24px;
    position:relative;
}

}

@media screen /*in between resizing */
and (max-width:356px){
.item{}
.socialmedialinks{
    width:56%;
}
.searchbox{
    width:auto;
    float:left;
    right:auto;
    position:relative;
}
}

@media screen
and (max-width:320px) {
.item{}

.socialmedialinks{
    width:140px;
}

.searchbox{
    width:auto;
    float:left;
    right:0;
    position:relative;
}

}