@media screen and (min-width:1024px) {
    

body{
    padding:5px;
    margin:0;
}


                            .mobileso{
                                display: none;
                            }

.header, .section, .footer{
    float: left;
}
                /* start header codding*/
.header{
        height:100px;
        background-color:blue;
    }
    #menudrp, #line, h5{
        display: none;
    }
    .a1{
        float: left;
        height: 100px;
        width: 100px;
        margin-top: 5px;
        margin-left: 20px;
        border-radius: 50%;
        box-sizing: border-box;
    }
    .lll{
        height: 90px;
        width: 90px;
        border-radius: 50%;
        box-sizing: border-box;
    
    }
    .domin{
        height: 100px;
        box-sizing: border-box;
        
    }
    
    .domin_name{
        color:white;
        font-size: 50px;
        padding: 0;
        margin: 0;
        margin-top: 20px;
        font-family:Arial, Helvetica, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .cont{
        text-align:center;
        font-family: sans-serif;
        font-size: 18px;
        font-weight: bold;
        box-sizing: border-box;
    }
    
    
    .col-2{
        float:left;
        text-align:center;
        background-color:black;
        height:40px;
        padding-top:8px;
        border-style:solid;
        border-right-color: #f5f5f8;
        border-right-width: 2px;
        border-left:none;
        border-top:none;
        border-bottom:none;
        color: white;
        font-family: sans-serif;
    }
    .contectus{
        
        float:left;
        text-align:center;
        background-color:black;
        height:40px;
        padding-top:8px;
        border-style:solid;
        border-right-color: #000000;
        border-right-width: 2px;
        border-left:none;
        border-top:none;
        border-bottom:none;
        color: white;
        font-family: sans-serif;
    }
    .srk{
        display: none;
    }
    .col-2:hover{
        background-color: #a10000;
        transition: 0.05s;
        display: block;
    }
    a{
        color:white;
        text-decoration:none;
        font-size: 18px;
        font-family: sans-serif;
        padding:0;
        margin:0;
    }
.header3{
    display: inline-block;
}
.h3{
    list-style: none;
    margin: 0;
    padding: 0;
}
hr{
    border:none;
}

            /* end header codding*/

            /* start section coding*/

.section{
    height:auto;
}
.tr,.l1,.l2{
    width: auto;;
    height:40px;
    border-style:solid;
    margin-top: 50px;
    border-width: 2px;
    border-color: black;
    border-collapse: collapse;
    text-align: center;
}
.l1{
    font-family: sans-serif;
    color: rgb(41, 40, 44);
    font-size: 22px;
}
.l2{
    width:100px;
    height:30px;
}
.l{
    color: #000ff0;
}
.l2:hover{
    background-color: #000ff0;
    transition: 2.1s;
    color: white;
}
.l:hover{
    color: white;
}
.teli{
    float: left;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-left: 5px;
}


.search{
    width:auto;
    height:40px;
    border-style:solid;
    border-radius: 30px 0px 0px 30px;
    border-right:none;
    font-size:20px;
    font-family:sans-serif;
    margin:0;
    padding-left:15px;
    margin-top:20px;
    border-width: 1px;
}

.search_btn{
    width:80px;
    height:40px;
    border-style:solid;
    border-left:none;
    border-radius: 0px 30px 30px 0px;
    font-size:20px;
    font-family:sans-serif;
    padding:0;
    margin:0;
    margin-top:10px;
    border-width: 1px;
}
.mmm{
    width: 95%;
    height: 40px;
    background-color: rgb(229, 232, 235);
    border-style: solid;
    border-width: 1px;
    border-color: azure;
    border-radius: 30px 30px 30px 30px ;
    padding: 2.6px;
    box-sizing: border-box;
}

.popular_news{
    width:95%;
}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8{
    padding: 0px;
    margin: 0;
    font-family: sans-serif;
    border-collapse: collapse;
    text-align:  center;
    font-weight: bold;
}
.c5{
    padding: 8px;
}
.c1{
    background-color:red;
    width:250px;
    height:60px;
    margin:5px;
    box-sizing: border-box;
}
.c2{
    background-color:rgb(98, 0, 255);
    width:250px;
    height:60px;
    margin:5px;
    box-sizing: border-box;
}
.c3{
    background-color:rgb(8, 0, 255);
    width:250px;
    height:60px;
    margin:5px;
    box-sizing: border-box;
}
.c4{
    background-color:rgb(255, 0, 200);
    width:250px;
    box-sizing: border-box;
    height:60px;
    margin:5px;
}
.c5{
    background-color:rgb(221, 0, 255);
    width:250px;
    box-sizing: border-box;
    height:60px;
    margin:5px;
}
.c6{
    background-color:rgb(0, 208, 255);
    width:250px;
    height:60px;
    margin:5px;
    box-sizing: border-box;
}
.c7{
    background-color:green;
    width:250px;
    height:60px;
    box-sizing: border-box;
    margin:5px;
}
.c8{    
    background-color:rgb(2, 2, 2);
    width:250px;
    height:60px;
    box-sizing: border-box;
    margin:5px;
    padding: 10px;
}


h2{
    color:rgb(239, 30, 30);
    padding:0;
    margin:0;
    font-family: sans-serif;
}

.contect{
    padding:0;
}

.col-3{
    width:22%;
    height:800x;
    border-style:solid;
    border-color:blue;
    margin-top:70px;
    float:left;
    margin:10px;
    border-width:1px;
}
.box{
    height:auto;
    background-color:rgb(53, 53, 249);
    color:white;
    text-align:center;
    font-size:22px;
    padding:5px;
    font-family:sans-serif;
}
.box1{
    height:auto;
    background-color:none;
    padding:10px;
}
.con:hover{
    color: red;
    transition: 0.05s;
    display: flow-root;
}
ul{
    padding-left:18;
    margin:0;
}
li{
    padding:0;
    margin:0;
}
.con{
    color:rgb(101, 101, 246);
    font-size:14px;
    font-family:sans-serif;
    padding: 0;
}
br{
    margin:0;
}
.box2{
    height:35px;
    background-color:rgba(53, 53, 249);
    color:white;
    text-align:center;
    font-size:25px;
    padding:5px;
    font-family:sans-serif;
    margin-top: -20px;
}
.box2:hover{
    background-color: #f00000;
    transition: 0.05s;
    display: flow-root;
}
/* start h12 coding*/
.hindi{
    margin-top: 50px;
    color: rgb(10, 10, 10);
    text-align: center;
}

.obj ,.os{
    width:650px;
    height:50px;
    box-sizing:border-box;
    border-style: solid;
    border-color: red;
    border-width: 3px;
    border-collapse: collapse;
    text-align: center;
    font-family: sans-serif;
}
.t1,.tr1,.td1,.td2{
    width: 500px;
    height: 60px;
    border-style: solid;
    border-width: 2px;
    border-color: black;
    border-collapse: collapse;
    text-align: center;
}
.td1{
    color: #f00000;
    font-size: 18px;
    font-family: sans-serif;
}
.td3{
    color: #000ff0;
}
.td3:hover{
    color: white;
    
}
.td1:hover{
    background-color: red;
    color: rgb(251, 250, 249);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1)0.5s;
}
.td2:hover{
    background-color: #000ff0;
    color: rgb(251, 250, 249);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1)0.5s;
}
/* end h12 coding*/

                /* end section coding*/
                /* start contectus coding*/

                    pre{
                        font-family: sans-serif;
                        font-size: 30px;
                        color: rgb(rgb(255, 0, 0), green, blue);
                        padding: 0;
                        margin: 0;
                    }

                /* end contectus coding*/

/* start footer coding*/
.footer{
    height:120px;
    background-color:rgb(90, 72, 72);
    border-style: solid;
    border-left:none;
    border-right:none;
    border-bottom:none;
    border-top-width: 1px;
    border-color:gray;
    padding: 20px;
}
.privacy{
    color: #8b8787;
    text-decoration:none;
    text-align: center;
    padding: 20px;
}
/*end footer coding*/
}