@media  screen and (max-width: 720px){
    h2 {
        font-size: 38px;
        font-family: "Onest", sans-serif;
    }
    .top-photo {
        width: 100%;
    }
    .slider {
       height: auto;
        padding: 0px 0;
    }
    .header-btn{
        margin-top:8px;
    }
    .header-btn a {
        font-size: 13px;
        padding: 5px 20px 5px 20px;
    }
    .top-details {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 50px;
    }
    .top-header-btn {
        width: 83%;
    }
    .top-details h2 {
        font-size: 60px;
        font-weight: 600;
    }
    .top-photo img {
        width: 100%;
        margin-top: 25px;
    }
    .header-top-btn a {
        font-size: 13px;
        padding: 6px 20px 6px 20px;
    }
    .service-top h2 {
        font-size: 40px;
    }
    #service {  
        padding: 50px 0;
    }
    .custom-nav button {
        padding: 8px;
    }
    .top-about-btn {
        width: 40%;
    }
    .about-left {
        padding-right: 0px;
    }
    #about {
        padding: 50px 0;
    }

    .destianation-main {
        padding: 50px 15px;
    }
    .custom-nav button i {
        font-size: 20px; 
    }
    .custom-nav button i {
        font-size: 18px;
    }
    .consulting-main p {
        font-size: 20px;
    }
    .consulting-main p {
        font-size: 20px;
    }
    .customers-top h3 {
        font-size: 26px;
    }
    .service-page {
        width: 100%;
    }
    .top-btn {
        width: 45%;
    }
    .top-btn {
        width: 45%;
    }
    .customers-box-all {
        margin-top: 35px;
    }
    .mar-top{
        margin-top: 30px;
    }
   
    .profile h5 {
        font-size: 15px;
    }
    .profile p {
        font-size: 14px;
    }
    .contact {
        width: 100%;
        margin-bottom: 30px;
    }
    .get-in h4 {
        font-size: 33px;
    }
 
    .footer-box img {
        margin-bottom: 20px;
    }
    .top-margin {
        margin-top: 20px;
    }
    .footer-box ul {
        margin-top: 0px;
        display: block;
    }
    ul {
        margin-bottom: 0rem;
        
    }
    .last-box {
        padding-left: 0px;
    }
    .footer-in {
        width: 70%;
    }
    .footer-btm-line {
        display: block;
    }
    .footer-btm-line-left{
        margin-bottom: 20px;
    }
    .sub-btn {
        margin-top: 15px;
    }
    .footer-box ul li {
        margin-bottom: 10px;
    }
    .nav-item {
        padding-left: 10px !important;
        margin-top: 10px;
    }
    .about-left h5 {
        font-size: 22px;
    }
    #portfolio{
        padding: 50px 0;
    }
    .project-main {
        width: 100%;
        padding: 0px 0;
    }
    .header-main {
        padding: 0px 0;
    }
    .project-main{
        padding: 50px 0;
    }
    .header-btn a {
        font-size: 13px;
        padding: 12px 20px 12px 20px;
    }
}
@media  screen and (max-width:920px){
    .top-header-btn {
        width: 88%;
    }
}