/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
.none1
{
display:none;
}
.year-badge {
  bottom: 0 !important;
  left: 10% !important;
  position: relative!important;
  top: 62px;
}

.ls-yourlogo {
  position: absolute;
  left: 19% !important;
  top: 245px !important;
}

@media screen and (max-width:800px) {
.year-badge {
  bottom:1% !important;
  left:10% !important;
  position: absolute;
margin-top:10% !important;
}



}

.classic-header.logo-center .branding .mini-widgets {
#flex: 0 1 0%;
}
.classic-header.logo-center .branding>a  {
padding:0px 25px;
}
@media screen and (min-width: 360px) and (max-width: 767px)
{
.none
{
display:none ;
}
.none1
{
display:block !important;
}
 .header-links{ display:none !important;top:-4px !important;}
 
.header-links .header-link .link {
    display: block;
    position: relative;
    background: rgba(255, 255, 255, 0.71);
	  width:100%;
    padding: 2px 5px 0;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.link-title {
   
    font-size: 10px !important;
	line-height: 10px !important;

}
.header-links .header-link .link .link-more {
    font-size: 8px !important;
    
}
.ls-yourlogo {
  left: 2% !important;
  position: absolute;
  top: 74% !important;
}

}
@media screen and (min-width: 320px) and (max-width: 359px)
{
.none1
{
display:block !important;
}
.none
{
display:none ;
}
 .header-links{ display:none !important;top:-4px !important;}
 
.header-links .header-link .link {
    display: table-cell;
    position: relative;
    background: rgba(255, 255, 255, 0.71);
    padding: 0 5px 0;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.link-title {
   
    font-size: 10px !important;
	line-height: 10px !important;

}
.header-links .header-link .link .link-more {
    font-size: 8px !important;
    
}
.ls-yourlogo {
  left: 2% !important;
  position: absolute;
  top: 74% !important;
}

}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
.ls-yourlogo {
  left: 19% !important;
  position: absolute;
  top: 74% !important;
}

.header-links .header-link .link .link-more {
  font-size: 8px !important;
  padding-bottom: 0 !important;
}

.header-links .header-link .link .link-title {
  display: block;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 15px !important;
}
}



@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
.ls-yourlogo {
  position: absolute;
  top: 222px!important;
}
.header-links .header-link .link {
    display: block;
    position: relative;
    background: rgba(255, 255, 255, 0.71);
    padding: 11px 12px 20px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

}

@media screen and (min-width: 800px) and (max-width: 1280px) and (orientation: portrait) {
.header-links .header-link .link .link-more {
  font-size: 10px !important;
  padding-bottom: 0 !important;
}

.ls-yourlogo {
  position: absolute;
  top: 78%!important;
}

.header-links .header-link .link .link-title {
  display: block;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 13px !important;
}
.header-links .header-link .link {
    display: block;
    position: relative;
    background: rgba(255, 255, 255, 0.71);
    padding: 11px 12px 20px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
}

@media screen and (min-width: 980px) and (max-width: 1280px) and (orientation: portrait) {
.header-links .header-link .link .link-more {
  font-size: 10px !important;
  padding-bottom: 0 !important;
}

.ls-yourlogo {
  position: absolute;
  top: 78%!important;
}

.header-links .header-link .link .link-title {
  display: block;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 23px !important;
}
.header-links .header-link .link {
    display: block;
    position: relative;
    background: rgba(255, 255, 255, 0.71);
	  width:100%;
    padding: 11px 12px 25px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
}




@media only screen and (max-width: 1490px) {
 .header-links {
    width: 200px;

}

}
.header-links {
  border-spacing: 0 1px;
  display: block;
  height: 100%;
  left: 0;
  position: relative;
  table-layout: fixed;
  top: -12px;
  width:131%;
  z-index: 2;
margin-left:-4px;

}
.header-links .header-link {
    #display: table-row;
	display:block;
	
}

.header-links .header-link .link .link-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}

.header-links .header-link .link .link-more {
  font-size: 14px;
  padding-bottom: 4px;
}
@media screen and (min-width: 1280px)and (max-width: 1365px) {
	.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71) ;
  color: #000;
  display: block;
    width:100%;
  padding: 11px 12px 20px;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;

}
}
@media screen and (min-width: 1366px)and (max-width: 1919px) {
	.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71);
  width:100%;
  color: #000;
  display: inline-block;
  padding: 11px 12px 25px;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;

}
}

@media only screen and (min-width : 1500px) and (max-width : 1680px)
{
.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71);
  color: #000;
    width:100%;
  display: block;
  padding: 30px 12px 30px;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;
top:-12px;
}
}
@media only screen and (min-width : 2200px) and (max-width : 2560px)
{
.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71) ;
  color: #000;
  display: block;
    width:100%;
  padding: 45px 12px 66px;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;
top:-12px;
}
}
@media only screen and (min-width: 1920px) and (max-width : 2199px) {
.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71);
  color: #000;
    width:100%;
  display: block;
  padding: 11px 12px 66px;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;
top:-12px;
}
.ls-yourlogo {
  top: 420px !important;
}
}
@media only screen and (min-width: 768px)and (max-width: 799px) {
.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71);
  color: #000;
  display: block;
    width:100%;
  padding: 11px 12px 20px;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;

}

}
@media only screen and (min-width: 800px)and (max-width: 959px) {
.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71) ;
  color: #000;
  display: block;
    width:100%;
  padding: 11px 12px 22px;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;

}
}
@media only screen and (min-width : 960px) and (max-width : 970px)
{
.header-links .header-link .link {
  background: rgba(255, 255, 255, 0.71);
  color: #000;
  display: block;
    width:100%;
  padding: 23px 12px 23x;
  position: relative;
  text-transform: uppercase;
  #transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
  vertical-align: middle;
top:-12px;
}
}