/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1400px) {
	
	
	
}
@media only screen and (max-width : 1300px) {
	
	
}
@media only screen and (max-width : 1200px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1100px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 960px) {
	.hidden_menu{display: block !important;}
	.top_menu{display: none;}

}


/* Small Devices, Tablets */
@media only screen and (max-width : 830px) {
	#question .wrap .item p {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}
#main .wrap {
    flex-direction:column-reverse;
    padding: 20px 0px;
    max-width: 393px;
}
.first-my{
	max-width: 400px;
}


}
@media only screen and (max-width : 640px) {
	header .wrap .item .description {
    // display: none;
}
	#main .description h1 {
    font-size: 30px;
}
#portfilio .wrap .item #gallery #thumbs, #portfilio .wrap .item #gallery #thumbs2, #portfilio .wrap .item #gallery #thumbs3, #portfilio .wrap .item #gallery #thumbs4, #portfilio .wrap .item #gallery #thumbs5, #portfilio .wrap .item #gallery #thumbs6 {
    display: inline-block;
    max-width: 100%;
    padding: 0 15px;
}
#portfilio .wrap .item #gallery #thumbs img, #portfilio .wrap .item #gallery #thumbs2 img, #portfilio .wrap .item #gallery #thumbs3 img, #portfilio .wrap .item #gallery #thumbs4 img, #portfilio .wrap .item #gallery #thumbs5 img, #portfilio .wrap .item #gallery #thumbs6 img {
    display: block;
     width: 70px; 
    margin: 15px 0 0;
    border: 3px solid #ffffff;
    cursor: pointer;
    float: left;
}
}

@media only screen and (max-width : 530px) {
	#main .description h1 {
    font-size: 25px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	
.logo{display: none;}
header .description{display: none;}
header .wrap .item {
    text-align: center;
    margin: 0 auto;
    width: 200px;
}
header .wrap .item .phone {
    text-align: center;
}
header .wrap .item .mail {
    text-align: center;
}

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

}


/*==========  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 : 1100px) {



}
@media only screen and (min-width : 1200px) {


}