@media(max-width: 1680px){
.home-custom.archive {
grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width: 1400px){
.wapper{
padding: 0 50px;
}
.single-custom{
padding: 0;
}
.single-custom .des2 {	
column-gap: 100px;
}
.single-custom .des2 .des-col {
width: calc(50% - 50px);
}
#header{
padding: 30px 50px;
}
.single_project .prev_next_box{
padding: 0 50px;
}
.home-custom,
.home-custom.archive {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 1279px){ h2{
font-size: 1.8rem;
}
.ft-box{
display: block;
text-align: center;
}
.ft-left{
text-align: center;
justify-content: center;
column-gap: 30px;
}
.single-custom .des2 {	
column-gap: 50px;
}
.single-custom .des2 .des-col {
width: calc(50% - 25px);
}
.social{
top: 17px;
}
}
@media(max-width: 991px){
#header .logo img {
height: 40px;
}
.single_project .prev_next_box{
padding: 0 20px;
}
.wapper{
padding: 0 20px;
}
#header .logo {
height: 40px;
}
.home-custom {
gap: 10px;
}
h2{
font-size: 1.5rem;
}
.home-custom .item h2 {
margin: 10px auto 0;
}
.ft-logo{
width: 100%;
text-align: center;
}
.ft-logo a{
display: inline-block;
height: 30px;
}
.ft-left h3 {
font-size: 1.2rem;
}
.home-custom{
margin: 0 0 100px;
}
.single-custom .des h2, .single-custom .des p,
.slider-function{
font-size: 1.2rem;
}
.single-custom .des p {
max-width: 80%;
}
.single-custom .des2 p {
max-width: 100%;
}
.single-pagi{ }
.single-pagi a img{ }
.single-custom .close {
font-size: 20px;
position: absolute;
top: -26px;
right: 0;
line-height: 1;
}
.single-content{
margin-top: 30px;
}
#header{
padding: 20px 20px;
}
#content {
margin-top: 103px;
padding-top: 30px;
}		
.single-custom .close, .single_project .close_project{
top: -60px;
font-size: 30px;
}
}
@media(max-width: 767px){
body.admin-bar #header {
top: 0 !important;
}
#header .logo img {
height: 30px;
}
.section{ margin-bottom: 0;
} .single_project .project_image.project_info{
position: relative;
margin-top: calc(450px - 100vh);
}
.title_single_project h2 {
margin-bottom: 0;
}
.slider-one{
margin-bottom: 15px;
}
.home-custom {
grid-template-columns: repeat(1, 1fr);
}
.home-custom.archive .item{
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
#header{
padding: 15px 20px 10px 20px;
}
#content{
margin-top: 70px;
}
#header .logo {
height: 30px;
}
.hd-right {
line-height: 1.1;
}
h2 {
font-size: 1.2rem;
}
.ft-left h3 {
font-size: 1rem;
width: 100%;
margin: 0 0 20px;
}
.ft-left p{
margin-bottom: 10px;
}
#footer {
margin-top: 0;
padding: 0;
}	
.home-custom{
margin: 0 0 50px;
}
.single-custom{
padding: 0;	
}
.single-slider{
margin-bottom: 30px;
}
.single-custom .des h2, .single-custom .des p,
.slider-function{
font-size: 1rem;
}
.single_project .wrapper_single_project_images{
margin-bottom: 30px;
}
.featured-two{
column-gap: 20px;
}
.featured-two img {
width: calc(50% - 10px);
}
.single-pagi {
font-size: 1rem;
top: 20px;
margin-top: 5vh;
margin-bottom: 5vh
}
.single-pagi a {
column-gap: 10px;
}
.single-content{
margin-bottom: 50px;
}
.single-custom .des2, .single-custom .des1{
display: block;
margin: 0;
width: 100%;
}
.single-custom .des2 .des-col{
width: 100%;
margin-bottom: 40px;
}
.single-custom .des2 .des-col:last-child{
margin-bottom: 0;
}
.single_project, .single_project .project_info .des, .swiper-slide{
height: 100%;
} .swiper-button-next, .swiper-button-prev{
height: 100%;
}
.swiper-pagination{
font-size: 1rem;
}
.single-content {
margin-top: 5px;
}
.single-custom{
margin-bottom: 30px;
margin-top: 0px !important;
}
.swiper-container {
margin-bottom: 3px;
}
.swiper-pagination {
margin-top: 20px;
}
.inside_title_single_project {
padding-bottom: 10px;
}
.single-custom .des p {
max-width: 90%;
}
.section.section-slider,
.section.section-image {
margin-bottom: 5vh;
}
.social {
margin-bottom: 40px;
}
.single-custom .des-col p {
max-width: unset;
}
.page-id-42 h2,
h3 {
font-size: 1.5rem !important;
margin-bottom: 10px;
}
.des.des2 {
padding-top: 40px;
}
.ft-left {
flex-wrap: nowrap;
flex-direction: column;
align-items: unset;
}
.ft-left p:last-child {
padding-top: 10px;
}
#wpadminbar {
display: none !important; 
}
.des.text-center.title_single_project {
margin-top: 4px;
}
.swiper-slide img, .single-custom .featured-big img {
max-height: 270px;
object-fit: contain;
object-position: center;
}
}