@media only screen and (max-width: 1770px) {
    .single-post.wrapper,
    .blog-wrapper { width: 100%; }
    .single .single-content { margin: 0 20px; }
    .post-hero { margin: 0 20px; }
    .image-text-pair-wrapper { margin: 0 20px; }
}

@media only screen and (max-width: 1765px) {
    .header-and-footer-wrapper { width: 100%; }
    .popup-content { width: 100%; box-sizing: border-box; padding: 0 20px 0 15px; }
    .close-popup { right: 25px; }
    .popup-logo { padding-left: 15px; }
    .footer-logo { margin-left: 30px; }
    .service_single { width: 100%; padding: 0 20px; }
}

@media only screen and (max-width: 1580px) {
    .wrapper { width: 100%; }
    .insight-thumb { min-width: unset; }
    .blog h1.insights-title { font-size: 90px; }
}

@media only screen and (max-width: 1475px) {
    .contact_wrapp { width: 100%; box-sizing: border-box; padding: 20px; }
}

@media only screen and (max-width: 1200px) {
    .popup-block-right,
    .popup-block-left { width: 50%; }
    .popup-block-right { padding-left: 0; justify-content: center; }
    .close-popup { right: 40px; }
    .service_left_block { padding: 100px 10px 100px 10px; }
    .all_services .services { padding: 40px 20px 20px 30px; }
    .all_services img,
    h2.services-title { margin-bottom: 0; }
    .services-text.read-more { margin-top: 0; }
    .portfolio-thumb { width: 49%; }
    .insights.wrapper { flex-direction: column; } 
    .blog h1.insights-title, 
    .page h1.entry-title { font-size: 70px; }
}

@media only screen and (max-width: 1111px) {
    .email-and-phone { display: unset; }
    
}


@media only screen and (max-width: 1000px) {
    .contact_wrapp { flex-direction: column; }
    .contact-text { max-width: 100%; }
    .contact-form  { margin: 20px; }
    .lets-talk { padding-bottom: 0; padding-top: 20px; padding-right: 20px; } 
    .portfolio { padding-top: 60px; }
    .insights-header { padding: 20px 0; }
    .footer-bottom { margin-left: 20px; }
    .city-and-phone:first-child { margin-left: 0; }
    .email { margin-right: 20px; }
    .email, .privacy-policy {  align-self: flex-start; }
    .footer-bottom-left { flex-direction: column; }
    .email { margin-left: 0; }
    .privacy-policy { width: 33%; margin-right: 6%; }
    .blog-main { padding-top: 120px; }
    .blog .insights-header, 
    .blog .blog-main article { width: 48%; }
    .all_services .services { width: 50%; }
    .all_services .services:nth-of-type(3n) { border-right-width: 2px; }
    .all_services .services:nth-of-type(n+4) { border-right-width: 2px; border-bottom-width: 2px; }
    .image-text-pair.reverse .about-text { order: 2; }
    .image-text-pair { flex-direction: column; }
    .image-text-pair .about-images,
    .image-text-pair .about-text { width: 100%; }
    .image-text-pair .about-images { min-height: 500px; }
    .service_wrapper { flex-direction: column; }
    .service_left_block,
    .right_wrapper { width: 100%; }
    .email-and-phone { display: flex; }
}

@media only screen and (max-width: 768px) {
    /* tablets */
    
    .lets-talk-plus-form { flex-direction: column; }
    .popup-content { flex-direction: column; }
    .popup-block-right,
    .popup-block-left { width: 100%; }
    .popup-block-left { order: 2; height: auto; }
    .popup-block-right { padding-top: 85px; padding-bottom: 90px; position: absolute; z-index: 9999; }
    .popup-block-right a { font-size: 42px; }
    .popup-logo { padding-right: 20px; }
    .popup-logo img { max-width: 100%; height: auto; }
    .lets-talk.city-phone-email { padding-left: 20px; }
    .single-services-main .service_left_block,
    .single-services-main .right_wrapper { width: 100%; }    
    .close_service.close-popup { right: 20px; top: 22px;  }
    .single-services-main .right_wrapper { padding: 35px; }
    .service_right_block { padding: 0; }
    .page.admin-bar .popup-content,
    .single.admin-bar .popup-content { padding-top: 46px; }
    .home.admin-bar .popup-content { padding-top: 0; }
    .popup-block-left { display: none; }
    .home .header-main { background: rgba(51, 23, 97, 1); }
    .home .header-main.light-header { background: rgba(250, 251, 255, 1); }
    .home #header { top: 0 !important; }
    .popup-content { padding: 0; margin: 0; }
    .home .main-menu { padding-right: 30px; }
    .close-popup { right: 60px; top: 58px; }
    .home .close-popup { right: 30px; top: 22px; }
    .service_single { top: 0; height: 100%; padding: 0; }
    .lets-talk-plus-form { margin-top: 15px; }
    .lets-talk h2 { padding-top: 60px; }
    .contact-text { margin-bottom: 30px; }
    li.services:hover { cursor: auto; }
    a.services-text.read-more { cursor: pointer; }
    .hero-image img { bottom: 20px; }
    .service_wrapper { height: auto; }
    .contact-form { margin: 20px 40px 20px 0px; }
    .home #header { position: fixed; }
    .home .hero-image { padding-top: 120px; padding-bottom: 120px; }
    .all_services { padding-top: 30px; padding-bottom: 30px; }
    .all_services .services:nth-of-type(n+5) { border-bottom-width: 0; }
    .mobile_ancor { display: block; }
    .comment-respond input, 
    .comment-respond textarea { width: 100%; }
    .single .comments-area ol { margin-left: 15px; }

@media only screen and (max-width: 555px) {
    .portfolio-thumb { width: 98%; }
    .all_services .services { width: 100%; }
    .all_services .services,
    .all_services .services:nth-of-type(3n),
    .all_services .services:nth-of-type(n+4) { border-right-width: 0; }
    .page .about-text { padding: 10%; }
    .all_services .services:nth-of-type(n+4) { border-bottom-width: 2px; } 
}

@media only screen and (max-width: 530px) {
    .blog .insights-header, 
    .blog .blog-main article { width: 100%; }
    .home .main-menu,
    .main-menu { padding-right: 10px; }
    .home .close-popup,
    .close-popup { right: 10px; }
    .close-popup { top: 27px; }
    .home .close-pop { top: 22px; }
    .post-hero { margin: 0; }
    .single-post.wrapper { margin-top: 0; }
    .blog.admin-bar #header { padding-top: 2px; }
    .home #header { padding-top: 12px; }
    .single .single-content { margin: 0; }
    .image-text-pair-wrapper { margin: 0; } 
    .page-content { padding: 10%; }
    .blog #header { top: 5px; }
    .insights-header { padding-left: 10px; }
    .insights-title { font-size: 70px; }
}

@media only screen and (max-width: 480px) {
    /* phones */
    
    #main-logo { width: 50%; margin-left: 10px; }
    #main-logo img { max-width: 100%; height: auto; }
    .hero-image { padding: 40px 15px; }
    
    .hero-image h1 { font-size: 36px; }
    .insight-thumbs { flex-direction: column; } 
    .footer-bottom { flex-direction: column; }
    .privacy-policy { margin-left: 0; width: auto; }
    .lets-talk h2 { font-size: 100px; }
    .lets-talk p { font-size: 30px; }
    .blog-main { padding-top: 90px; }
    .hero-image img { bottom: 20px; left: 15px; }
    .popup-block-right a { font-size: 32px; }
    .lets-talk h2 { font-size: 75px; } 
    .lets-talk p { font-size: 24px; }
    li.services > .services-text { opacity: 1; height: auto; }
    #main-logo { margin-top: 12px; }
    .single h1.entry-title { font-size: 36px; }
    .page h1.entry-title { font-size: 50px; }
    .email-and-phone { display: unset; }
    .single .comments-area ol { margin-left: 5px; }
}

@media only screen and (max-height: 480px) {
    .hero-image h1 { font-size: 32px; }
    .hero-image p { font-size: 16px; }  
    .insights.wrapper { padding: 0; }
    .post-without-image { left: 0; width: 100%; }
    .insights article { max-width: 100%; }
    .popup-block-right { padding-top: 20px; }
}