@media (max-width: 1399px) {
    .site-logo { max-width: 150px; }
    .header-area.header-area1 .header-elements .main-menu-ex ul li a { padding: 10px 5px; }
    .header1-buttons .theme-btn1 {font-size: 15px; padding: 10px 20px; }
}
@media (max-width: 1199px) {
    .sp { padding: 50px 0px; }
    .site-logo { max-width: 130px; }
    .header-area.header-area1 .header-elements .main-menu-ex ul li a { font-size: 14px; display: block; padding: 10px 5px; }
    .header1-buttons .button { display: none}
    .header-area.header-area1 .header1-buttons .contact-btn { margin-right: 0; }
    .tp-slider-wrapper { min-height: 650px; }
    .about1 .about-image .image2 img { border-radius: 10px; }
    .about1 .about-image .image1 { border-radius: 10px;}
    .about1 .about-image .image1 img { border-radius: 10px;}
    .about1 .about-image .icon-box { border-radius: 10px; } 
    .about1 .about-image .icon-box { top: -50px; }
}
@media (max-width: 1024px) {
    .sp { padding: 50px 0px; }
    .site-logo { max-width: 130px; }
    .header-area.header-area1 .header-elements .main-menu-ex ul li a { font-size: 14px; display: block; padding: 10px 5px; }
    .header1-buttons .button { display: none}
    .header-area.header-area1 .header1-buttons .contact-btn { margin-right: 0; }
    .about1 .about-image .image2 img { border-radius: 10px; }
    .about1 .about-image .image1 { border-radius: 10px;}
    .about1 .about-image .image1 img { border-radius: 10px;}
    .about1 .about-image .icon-box { border-radius: 10px; } 
    .about1 .about-image .icon-box { top: -50px; }
    .tp-slider-wrapper { min-height: 650px; }
}
@media (max-width: 991px) {
    .sp { padding: 50px 0px; }
    .service .single-box { border-radius: 10px; text-align: center; } 
    .service .single-box .icon { margin: 0 auto 20px auto; }
    .tp-slider-wrapper { min-height: 600px; }
}
@media (max-width: 767px) {
    .sp { padding: 50px 0px; }
    .about1 .about-image { border-radius: 10px;}
    .about1 .about-image .image2 img { border-radius: 10px; }
    .about1 .about-image .image1 { border-radius: 10px;}
    .about1 .about-image .image1 img { border-radius: 10px;}
    .about1 .about-image .icon-box { border-radius: 10px; } 
    .about1 .about-image .icon-box { top: 20px; }
    .about1 .heading1 { padding-top: 30px; text-align: center; }
    .heading1 h2 { text-align: center;}
    .service .single-box { border-radius: 10px; text-align: center; }
    .service .single-box .icon { margin: 0 auto 20px auto; }
    .work .heading1 h2 { text-align: left; }
    .cta { padding: 40px 0px; }
    .cta .buttons { text-align: center; margin-top: 0; }
    .footer-logo-area { padding-right: 0; }
    .about1 .about-image .image2 { margin-left: 0; }
}