/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.logo img {
		margin-top: 10px;
	}
	.menu__icon{
    display: block;
  }
  
  .menu__links {
   	position: absolute;
   	display: inline;
   	left: 20%;
    background-color: #fff;
    opacity: 0;
  }
  .menu__links li{
  	display: block;
  	text-align: center;
  }

 

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.top-info .info-wrap h2 {
		font-size: 24px;
	}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	

}

@media (min-height: 680px) and (min-width : 1400px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}
 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}