* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: sans-serif;
    }
    
    .heading {
        background-image: linear-gradient(to right, #f7797d, #fbd786, #f7797d);
        color: rgb(0, 0, 0);
        text-align: center;
        padding-top: 10PX;
        padding-bottom: 10px;
    }
    
    #designs {
        margin-bottom: 120px;
    }
    
    .a {
        font-size: 40px;
    }
    
    nav {
        background: rgb(0, 0, 0);
        height: 70px;
    }
    
    nav::after {
        content: '';
        clear: both;
        display: table;
    }
    
    nav ul {
        padding-right: 10px;
        float: right;
        list-style: none;
        margin-right: 40px;
        position: relative;
    }
    
    nav ul li {
        float: left;
        display: inline-block;
        background: #000000;
        margin: 0 5px;
    }
    
    nav ul li:hover>ul {
        top: 70px;
        opacity: 1;
        visibility: visible;
    }
    
    nav .logo {
        float: left;
        color: white;
        font-size: 27px;
        font-weight: 600;
        line-height: 70px;
        padding-left: 60px;
    }
    
    nav ul li a {
        color: white;
        text-decoration: none;
        line-height: 70px;
        font-size: 18px;
        padding: 8px 15px;
    }
    
    nav ul li a:hover {
        border-radius: 5px;
        color: cyan;
        border-radius: 5px;
        box-shadow: 0 0 5px #33ffff, 0 0 5px #66ffff;
    }
    
    nav ul ul li a:hover {
        color: cyan;
        box-shadow: none;
    }
    
    nav ul ul a {
        line-height: 50px;
    }
    
    nav ul ul {
        border-top: 3px solid cyan;
        position: absolute;
        top: 90px;
        opacity: 0;
        visibility: hidden;
        transition: top.3s;
    }
    
    nav ul ul li a {
        line-height: 50px;
    }
    
    nav ul ul li {
        position: relative;
        margin: 0px;
        width: 150px;
        float: none;
        display: list-item;
        border-bottom: 1px solid rgb(255, 240, 240);
    }
    
    .show,
    .icons,
    input {
        display: none;
    }
    
    @media all and (max-width:1018px) {
        nav ul {
            margin-right: 35px;
            float: left;
        }
        nav ul li,
        nav ul ul li {
            display: block;
            width: 70%;
        }
        nav ul ul {
            top: 70px;
            position: static;
            border-top: none;
            float: none;
            display: none;
            opacity: 1;
            visibility: visible;
        }
        .show {
            display: block;
            color: white;
            font-size: 18px;
            padding: 0 20px;
            line-height: 70px;
            cursor: pointer;
        }
        .show:hover {
            color: cyan;
        }
        nav ul a:hover {
            box-shadow: none;
        }
        .icons {
            display: block;
            color: white;
            position: absolute;
            right: 40px;
            line-height: 70px;
            font-size: 25px;
            cursor: pointer;
        }
        nav ul ul {
            position: static;
        }
        nav ul ul li {
            border-bottom: 0px;
        }
        nav ul ul a {
            padding-left: 20px;
            margin-right: 5px;
        }
        .show+a,
        ul {
            display: none;
        }
        [id^=btn]:checked+ul {
            display: block;
        }
    }
    
    .photo-section {
        width: 100%;
    }
    
    .photo-section .photo-wrap {
        padding-top: 10px;
    }
    
    .photo-section .photo-wrap .photo-img {
        width: 80%;
        margin: 0 auto;
        padding-top: 50px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
    }
    
    .photo-section .photo-wrap .photo-img .photo {
        width: 100%;
        position: relative;
    }
    
    .photo-section .photo-wrap .photo-img .photo .imgage-section {
        width: 100%;
    }
    
    .photo-section .photo-wrap .photo-img .photo .imgage-section img {
        width: 100%;
        padding: 5px;
        display: block;
        border-radius: 10px;
    }
    
    .photo-section .photo-wrap .photo-img .photo .caption {
        width: 100%;
        height: 100%;
        position: absolute;
        text-align: center;
        font-size: 12px;
    }
    
    .photo-section .photo-wrap .photo-img .photo:hover {
        background-color: rgb(141, 139, 139);
        border-radius: 10px;
    }
    
    @media screen and (max-width:594px) {
        .photo-section .photo-wrap .photo-img {
            grid-template-columns: 1fr;
        }
    }
    
    footer {
        width: 100%;
        background: rgb(34, 34, 34);
        bottom: 0px;
        margin-top: 130px;
        color: white;
    }
    
    .main-content {
        display: flex;
    }
    
    .main-content .box {
        flex-basis: 50%;
        padding: 10px 20px;
    }
    
    .box h2 {
        font-size: 1.125rem;
        font-weight: 500;
        text-transform: uppercase;
    }
    
    .m {
        color: white;
        text-decoration: none;
    }
    
    .box .content {
        margin: 20px 0 0 0;
    }
    
    .left .content .social a span {
        margin: 20px 0 0 0;
    }
    
    .phone {
        padding-top: 10px;
    }
    
    .emailx {
        padding-top: 10px;
    }
    
    #messd {
        width: 150px;
    }
    
    .heads {
        font-size: 20px;
        text-align: center;
        color: #33ffff;
    }
    
    .social {
        margin-top: 4px;
    }
    
    .m {
        padding-top: 6px;
    }
    
    @media screen and (max-width:575px) {
        footer {
            position: relative;
            bottom: 0px;
        }
        .main-content {
            flex-wrap: wrap;
            flex-direction: column;
        }
        .main-content .box {
            margin: 5px 0px;
        }
    }