@media only screen and (max-width: 1200px) {
    .TopMenu .rightMenu .middlemenu{
        display: none;
    }
    .TopMenu .rightMenu .lastmenu{
        width: 100%;
        float: right;
    }
    .TopMenu .rightMenu .lastmenu li{
        float: right;
    }
    .register .left{
        display: none;
    }
    .register .right{
        width: 100%;
        padding:50px 20px;
    }

}
@media only screen and (max-width: 600px) {
    #hero-section h1{
        font-size: 45px!important;
        margin-bottom: 50px;
        margin-top: -50px;
    }
    .profilemenuOpen{
        right: 5px;
        width: 70%;
    }
    .profilemenuOpen .headp p{
        width: 60%;
    }
    .TopMenu .rightMenu .lastmenu li{
        display: none;
    }
    .TopMenu .rightMenu .lastmenu{
        padding-right: 10px;
    }
    .TopMenu .rightMenu .lastmenu li:first-child{
        display: block;
    }
    .TopMenu .rightMenu .lastmenu .usericon{
        display: block;
        margin-right: 15px;
    }
    .sideBarOpen ul{
        width: 100%;
        height: 350px;
    }
    .TopMenu .logo img{
        margin-left: 10px;
    }
    .register .left{
        display: none;
    }
    .register .right{
        width: 100%;
        padding:50px 20px;
    }
    .register .right p a{
        padding-left: 10px;
        font-size: 14px;
    }
    .register .right h3{
        color: black;
        margin-bottom: 20px;
        font-size: 25px;
    }
    .blog{
        width: 100%;
        height: 100%;
        background: white;
        padding: 20px 20px;
        padding-bottom: 100px;
    }
    .blog h3{
        margin-bottom: 20px;
    }
    .blogsingle{
        padding: 20px 20px;
    }
    .blogsingle p{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .blogsingle img{
        width: 100%;
        margin-bottom: 10px;
    }
    .referral .topBanar{
        padding: 10px;
    }
    .referral .topBanar img{
        height: 230px;
        width: 100%;
        margin-top: 10px;
    }
    .referral .topBanar h1{
        margin-top: 10px;
    }
    .referralBottom{
        padding: 10px;
    }
    .reflinkarea{
        padding: 10px;
    }
    .reflinkarea .refcode{
        padding: 10px;
        font-size: 15px;
        padding-top: 15px;
        overflow: hidden;
    }
    .referralhistory{
        padding: 10px;
    }
    .referralhistory .history{
        padding: 10px;
    }
    .miningpage .bgimg{
        padding: 10px;
    }
    .bgimg button{
        padding: 10px;
    }
    .terms{
        padding: 20px;
        width: 100%;
        height: 100%;
        background: white;
    }
    .sideBarOpen{
        width: 75%;
        height: 100%;
        padding: 10px;
    }
    .sideBarOpen ul{
        display: block;
    }
    .sideBarOpen ul li{
        font-size: 14px;
        font-weight: normal;
        color: #242323;
    }
    .sideBarOpen ul li a{
        font-weight: normal;
        color: #242323;
    }
    .sideBarOpen .signupbtn{
        margin-bottom: 10px;
        border-radius: 20px;
        background: white;
        color: black;
    }
    .sideBarOpen .loginbtn{
        border-radius: 20px;
        background: #0F498F;
        color: white;
    }
    .sideBarOpen .fa-times{
        margin-top: 20px;
    }
    .footer{
        padding: 20px ;
    }
    .footer ul li{
        font-size: 16px;
        padding-bottom: 5px;
    }
    .sideBarOpen p{
        color: black;
        font-weight: normal;
    }
    .sideBarOpen p .fas{
        color: black;
        font-weight: normal;
    }

    .bgimg .bal{
        margin-top: 20px;
    }
    .mbtnar{
        padding: 0px 22px!important;
    }
    .miningpage .bgimg{
        height: 420px;
        margin-top: 0px;
    }
    .miningpage .miningcircle{
        width: 250px;
        height: 250px;
        border: 15px solid #4776b4;
        border-radius: 50%;
        margin: auto;
        padding: 10px;
        margin-top: 0px;
        border-right: 15px solid #114278;
        border-bottom: 15px solid #114278;
    }
    .miningpage .miningcircle .middiv{
        padding: 20px;
        padding-top: 20px;
    }
    .miningpage .miningcircle .middiv h5{
        font-size: 29px;
    }
    .miningpage .miningcircle .middiv p{
        font-size: 20px!important;
        width: 42px;
        height: 35px;
    }
    .wallet .leftmenu{
        display: none;
    }
    .wallet .rightmenu{
        width: 100%;
    }
    .wallet .rightmenu ul{
        height: 70px;
        width: 100%;
        background: white;
        display: block;
        padding: 0;
        padding-left: 20px;
    }
    .wallet .rightmenu ul li{
        list-style: none;
        float: left;
        width: 50%;
        height: 70%;
    }
    .wallet .rightmenu ul li a{
        height: 100%;
        width: 100%;
        display: inline-block;
        text-decoration: none;
        padding: 20px;
        padding-right: 0;
        padding-left: 0;
        padding-top: 25px;
        font-size: 14px;
        color: #2a2727;
    }
    .wallet .rightmenu ul li a.active{
        border-bottom: 2px solid #233C95;
    }
    .wallet .rightmenu ul li a .far{
        padding-right: 2px;
    }
    .wallet .rightmenu .showdata{
        padding: 10px;
        padding-top: 0;
    }
    .spot .head{
        padding: 10px;
        margin-top: 5px!important;
    }
    .spot .head a{
        width: 45%;
    }
    .spot .walletlist{
        margin-top: 10px;
    }
    .spot .walletlist table{
        display: none;
    }
    .spot .walletlist .search{
        margin-left: 0;
        width: 100%;
    }
    .spot .walletlist p{
        margin-top: 15px!important;
    }
    .spot .walletlist input{
        display: inline-block;
        width: 60%;
    }
    .spot .walletlist p input{
        width: 15px;
        height: 15px;
        margin-left: 0!important;
        margin-right: 5px;
    }
    .spot .walletlist .walletmobile{
        display: block;
        height: 75px;
        width: 100%;
        background: white;
        border-bottom: 1px solid #efeeee;
        padding-top: 15px;
    }
    .spot .walletlist .walletmobile img{
        height: 35px;
        width: 35px;
        margin-top: 5px;
    }
    .spot .walletlist .walletmobile p{
        margin-top: -1px!important;
    }
    .spot .walletlist  .topinput p{
        font-size: 13px!important;
    }
    .spot .walletlist .walletmobile button{
        text-decoration: none;
        width: 100%;
        height: 50px;
        background: #114278;
        color: white;
        border-radius: 20px;
        padding: 10px 20px;
        float: right;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        border: none;
    }
    .walletfooter{
        display: block;
    }
    .convertb{
        padding-top: 0px;
    }
    .spot .head .historybtn{
        display: block;
        float: right;
    }
    .spot .head a{
        margin-left: 0px;
        margin-right: 10px;
    }
    .spot .porfolio{
        margin-top: 10px;
    }
    .spot .porfolio ul{
        width: 100%;
        padding: 0;
    }
    .spot .porfolio ul li{
        width: 100%;
    }
    .spot .porfolio ul li a{
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: black;
    }
    .deposit{
        padding: 20px;
    }
    .bgimgdeposit img{
        height: 300px;
        width: 100%;
        padding: 20px;
        display: none;
    }
    .bgimgdeposit .withdrewinfo{
        padding-left: 0px;
    }
    .depositaddress{
        font-size: 12px;
    }
    .deposit .address{
        padding: 5px;
    }
    .history{
        padding: 15px 0px;
    }
    .history ul{
        padding: 0!important;
    }
    .history table{
        display: none!important;
    }
    .history  li{
        width: 25%!important;
        font-size: 14px;
        height: 30%;
        padding: 10px 10px;
    }
    .mobilehistory{
        display: block;
        width: 100%;
        height: auto;
        padding: 15px 2px;
        border-bottom: 1px solid #f6f6f6;
    }
    .mobilehistory a{
        text-decoration: none;
        color: #0085FF;
    }
    .mobilehistory h6{
        color: #111111;
        font-size: 17px;
    }
    .mobilehistory p{
        margin-bottom: 5px;
        color: black;
        font-size: 16px;
    }
    .payments{
        padding: 20px 10px;
    }
    .our-community .action {
        max-width: 100%;
        margin: auto;
        display: flex;
    }
    .our-community button {
        width: 30%;
        text-align: center!important;
        padding-left: 0!important;
        font-size: 11px;
    }
    .card-img-top{
        height: 200px;
    }
    .blogsingle img{
        height: auto;
        max-height: 250px;
        min-height: 100px;
    }
    .feature_img img {
        width: 200px;
        height: 200px;
        text-align: center;
    }
    .feature_img {
        height: 170px;
        width: 100%;
        text-align: center;
    }

    #koco-coins-ervices .custom-shadow{
        height: auto;
    }
    .our-community button{
        margin-right: 5px!important;
        padding-left: 3px!important;
        text-align: center!important;
    }
    .our-community button a{
        text-align: center!important;
    }
    .our-community button img{
        margin-right: 5px!important;
    }
    .spot .porfolio ul li{
        height: 65px!important;
    }
    .spot .porfolio ul li a{
        padding-bottom: 40px;
        padding-top: 30px;
        display: block;
        height: 100%!important;
    }
    .spot .porfolio {
        padding: 5px;
    }

    .web3{
        padding: 50px 10px;
        text-align: center;
        background-color: white;
        padding-bottom: 150px;
    }
    .web3 h3{
        font-size: 23px;
    }
    .web3 h1{
        font-size: 35px;
    }
    .web3 img{
        left: -50px;
        position: absolute;
        top: 550px;
        display: none;
    }
    .icomimg{
        position: absolute;
        display: block!important;
        margin: auto;
    }
    .web3 a{
        color: white;
        margin: 0px 5px;
        padding: 15px 10px;
        font-size: 14px;
    }
    .presale{
        padding: 0px;
        padding-top: 15px;
    }
    .presalemain .inputd .left{
        width: 50%;
    }
    .presalemain .inputd .right{
        width: 50%;
        padding: 10px 0px;
    }
    .presalemain .inputd .right select{
        width: 70px!important;
    }
    .presalemain .inputd .right img{
        height: 25px;
        width: 25px;
        margin-right: 2px;
    }
    .card-img-top{
        height: 150px;
    }
    .convert{
        padding: 15px;
    }
    .convert .card{
        margin-top: 20px;
        margin-bottom: 100px;
    }

}