@media only screen and (max-width: 1200px) {
    * {
        margin: 0;
        padding: 0;
    }

    * {
        margin: 0%;
        padding: 0%;
        font-family: "Poppins", serif;
        background-color: rgb(33, 33, 33);

    }

    html {
        scroll-behavior: smooth;
    }
    .row1{
        display: flex;
       gap: 25%;
    }

    .container {
        color: white;
        margin-left: 2%;
    }
    .nav{
        display: flex;
        font-size: 20px;
    padding-top: 25px;
    gap: 40px;
    }
    #nayy{
        text-decoration: none;
        color: white;
    }
 

    .ham {
        display: none;

        height: 50px;
        width: 50px;
        border: 2px solid white;
        justify-items: center;
        align-items: center;
        margin-left: 2%;
        margin-top: 2%;
    }

    #burger {
        font-size: xx-large;
        padding: 8px;
    }

    .LOGO {
color: #BC00DD;
font-weight: bold;
        font-size: 70px;
    }

    .hamnav {
        display: none;
        position: absolute;
        margin-top: 15%;
        height: 80%;
        width: 60%;
        border-right: 5px solid white;
        font-size: 50px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    body {
        position: relative;
    }

    .bodya {
        margin-bottom: 80px;
        display: flex;
        gap: 10%;

    }
    .part1{
        margin-top: 60px;
    }

    .photo1 {
        margin-right: 0px;
    }

    .row11 {
        margin-top: 50px;
        color: #BC00DD;
        font-weight: bold;
    }
    .row2{
        font-weight: bold;
    }
    #dev{
        color: #BC00DD;
    }

    .row2 {
        margin-bottom: 10px;
        font-size: 25px;

    }

    .row3 {
        text-align: justify;

        width: 650px;
    }

    .row4 {
        display: flex;
        gap: 8%;
    }

    .icon {
        font-size: 30px;
    }

    .row23,
    .row24,
    .row25,
    .row26,
    .row27 {
        display: flex;
    }

    .naam {
        margin-left: 90px;
    }

    .umer {
        margin-left: 105px;
    }

    .thau {
        margin-left: 63px;
    }

    .number {
        margin-left: 10px;
    }




    .body2 {
        display: flex;
        gap: 10%;
    }

    .photo2 {
        margin-top: -30px;
        margin-left: 3%;
        margin-right: 10%;
    }

    .mail {
        margin-left: 88px;
    }

    .about {
        width: 500px;
        text-align: justify;
    }

    .row22 {
        text-align: justify;
    }

    .row21 {
        font-size: 30px;
        color: rgb(159, 7, 186);
        font-weight: bold;

    }

    .row31 {
        margin-left: 20%;
    }

    #serv {
        margin-left: 55%;
    }

    #aaaa {

        text-align: justify;
        margin-left: 5px;

    }

    .body2 {
        display: flex;
        gap: 0px;
    }


    #down {
        background-color: #BC00DD;
        height: 30px;
        margin-top: 20px;
        width: auto;
    }

    #dow {
        background-color: #BC00DD;
        color: white;
        text-decoration: none;
    }

    .body3 {
        margin-top: 70px;
        margin-bottom: 50px;
    }

    .row31 {
        font-size: 50px;
        text-align: center;
        margin: 0px;
    }

    #ser {
        color: #BC00DD;
    }

    #serv {
        margin-left: 46%;
        width: 70px;
    }

    .row33 {
        display: grid;
        gap: 4%;
        grid-template-columns: repeat(3, 275px);
        margin-top: 30px;
margin-left: 8%;
    }
.onea{
    margin-left: 0;
}
    .onea,
    .oneb,
    .onec {

        border: 2px solid #BC00DD;
    }

 

    #aaaa,
    #aaab,
    #aaac {
        text-align: justify;
        padding: 15px;
    }
.body4{
    margin-top: 90px;
}
    .row41 {
        text-align: center;
        font-size: 50px;
    }

    #folio {
        color: #BC00DD;
    }

    .row43 {
        display: flex;
        gap: 2%;
        margin-top: 20px;
        justify-items: center;
        align-items: center;
     
    }

    .aab,
    .aac,
    .aad {
        border: 2px solid white;
        
        border-radius: 10px;
        padding: 5px 10px 5px 10px;
    }

    .aaa {
        border: 2px solid white;
        margin-left: 20%;
        padding: 5px 10px 5px 10px;
        border-radius: 10px;
    }

    .row44 {
        display: grid;
grid-template-columns: repeat(3,300px);

        gap: 25px;
        margin-top: 20px;
        margin-left: 4.5%;
    }
    #por{
        width: 290px;
        height: auto;
    }

    .port {
        border: 2px solid white;
        border-radius: 5px;
    }

    .row45 {
        display: grid;
        grid-template-columns: repeat(4, 120px);
        gap: 20px;
        margin-top: 20px;
        margin-left: 23%;
       
   
    }

    .bbb {
        justify-items: center;
        align-items: center;
        border: 2px solid white;
    }

    .bbb1 {
        justify-items: center;
        align-items: center;
        border: 2px solid white;
   
    }

    .num {
        margin-top: 10px;
    }

    .tala1 {
        margin-left: 25px;
    }

    .body5 {
        margin-top: 50px;
    }

    .row51 {
        text-align: center;
        font-size: 50px;
        margin-top: 70px;
    }

    #blog {
        color: #BC00DD;
    }

    .ccc {
        width: 350px;
        border: 2px solid white;
    }

    .row53 {
        display: flex;
        gap: 3%;
        margin-top: 30px;
      
       
    }
    #blog1{
        width: 350px;
        height: auto;
    }



    .title {
        color: #D100D1;
    }

    .titl {
        text-transform: uppercase;
        color: #DB00B6;
    }

    .more {
        text-transform: uppercase;
        color: #BC00DD;
        text-align: center;
    }

    .des {
        text-align: justify;
    }

    .body6 {
        margin-top: 50px;
    }

    .row61 {
        text-align: center;
        font-size: 40px;
    }
    .row63{
        margin-top: 30px;
    }
    #pho1,#pho2{
        width: 370px;
        height: auto;
    }
    #naem {
        width: 100%;
        border: 2px solid white;
        margin-left: 1%;
    }

    .aarko {
        display: flex;
      
        margin-top: 10px;
    }

    #mael {
        width: 55%;
        border: 2px solid white;
        margin-left: 2%;
    }

    #pre {
        width: 50%;
        border: 2px solid white;
        margin-left: 2%;
    }

    #rev {
        border: 2px solid white;
        margin-left: 1%;
        margin-top: 10px;
        width: 100%;
    }

    #sub {
        background-color: #BC00DD;
        color: white;
        width: 20%;
        height: 40px;
        font-size: larger;
        text-align: center;
        margin-left: 1%;
    }

    .body7 {
        text-align: center;
        margin-top: 50px;
width: 100%;
    }

    #foot,
    #foo {
        background-color: #BC00DD;
    }






}