@media only screen and (max-width: 980px) and (min-width: 320px) {    section {        overflow: hidden;    }    /* Nav Mobile Screen  */    header ul.menu li {        display: block !important;        padding: 15px 30px !important;        text-align: left;        transition: all 0.25s;    }    #menu-list {        display: block;    }    .mobile-screen {        position: relative;        display: block;    }    .mobile-screen #list-btn {        display: block;        color: #29abe1;        position: absolute;        top: -60px;        right: 0px;        font-size: 35px;        transition: all 0.4s ease;        transition: all 0.5s;        -webkit-transition: all 0.25s;        /* animation: heartBeat 4s linear infinite; */        z-index: 99999999;    }    a#cross {        position: fixed;        top: 5px;        right: 20px;        font-size: 35px;        z-index: 9999999999;        display: none;        color: #fff;        -webkit-transition: 0.5s;        transition: all 0.5s;        animation: heartBeat 2s linear infinite;    }    nav.mobile-view {        background: #050A21;        position: fixed;        height: 100%;        width: 100% !important;        left: 150%;        top: 0;        bottom: 0;        padding-top: 70px;        z-index: 99911 !important;        overflow: hidden;        overflow-y: scroll;        display: none;        transition: .8s ease-In-Out;        -webkit-transition: .8s ease-In-Out;    }    /* End Nav Mobile Screen */    header {        /* position: absolute; */        padding: 0;    }    /* Dropdown */    header nav ul li.dropdown:hover .dropdown-menu {        left: 17%;        top: 38px;        background: #1a80c5;        padding: 10px 0;    }    header nav ul li .dropdown-menu a {        padding: 7px 15px !important;        font-size: 14px !important;        text-align: left;    }    /* Submenu  */    .submenu-list:hover .dropdown-menu-submenu {        position: absolute;        left: 40%;        top: 30px;        z-index: 999 !important;        background: #195878;    }    /* Submenu */    /* Dropdown End*/    .nav-bar {        padding: 10px 0 0;    }    .nav-bar ul.menu li a.active {        color: #fff !important;    }    .container {        width: auto !important;    }    h2 {        font-size: 30px;        line-height: 34px;    }    p {        font-size: 15px !important;        line-height: 22px !important;    }    footer ul.menu li a {        line-height: 32px;        text-align: center;        font-size: 16px;    }    .copyright {        text-align: center;        margin: 0;        padding: 20px 0;    }    h1 {        font-size: 34px;        line-height: 34px;        letter-spacing: -1px;        padding-top: 10px;    }    .banner {        margin-top: -185px;    }    .top-bar .menu li {        display: inline-block !important;        padding: 2px 0 !important;    }    .top-bar ul.menu {        display: block;        text-align: center;    }    .trusted-images ul li {        padding-right: 14px;    }    .get-started-form form {        padding: 30px 20px;    }    .get-started-form {        width: 100%;        margin-top: 30px;    }    .get-started-form h3 {        font-size: 30px;    }    img {        max-width: 100% !important;    }    .book-pub .pub-column h3 {        font-size: 20px;    }    span.d-block {        display: contents !important;    }    .icon-content {        margin-right: 10px;        height: auto;        top: -120px;        padding-bottom: 10px;    }    .icon1:hover~.icon-content {        position: absolute;        z-index: 9;    }    .ser-book {        margin: 10px 0;    }    .illustration .illust-content {        padding: 40px 10px;    }    .illustration .illust-content h3 {        font-size: 20px;    }    .illustration-testmonial .slider {        padding-top: 100%;    }    .illustration-testmonial .slider label {        margin: 7px 1px;    }    .illustration-testmonial .slider label img {        width: 50px;        height: 50px;    }    .illustration h5 {        font-size: 20px;        padding-bottom: 10px;    }    .illustration h4 {        font-size: 21px;        line-height: 22px;    }    .mission h4 {        font-size: 19px;    }    .signup-form input.input-control,    .signup textarea.required.input-control.form-control {        width: 49%;    }    .signup textarea.required.input-control.form-control {        width: 99%;    }    .signup input[type="date"] {        width: 56%;    }    .testmonial [class*=col-md-4] {        width: 33%;    }    .faq-sec h2 {        font-size: 27px;    }    .faq-sec .card-header a {        font-size: 15px;        padding: 6px 10px 6px 0;    }    .faq-sec .card-header a.card-link.collapsed:after {        top: 40px;        right: 0;    }    footer h6 {        padding: 30px 0;    }    .copyright p,    .copyright a {        font-size: 15px;        text-align: center;        padding: 20px 0;    }    .pub-icons-parent {        padding-top: 50px;    }    .publishing-icons .icon1 {        width: 100px;        height: 100px;    }    .publishing-icons h5 {        font-size: 15px;    }    .publishing-icons span.d-block {        display: block !important;    }    .publishing-icons .icon1::after {        display: none;    }    .book-writing .banner-img {        padding-top: 40px;    }    .book-banner h2 {        font-size: 40px;        margin-top: -15px;        line-height: 36px;    }    h2.stork-text {        font-size: 39px;    }    h3.bookwriting {        font-size: 35px;        line-height: 31px;    }    .cta {        padding-top: 40px;    }
.thankyou {
        padding: 200px 0 40px;
    }
    .circle-bg {
        padding: 0;
    }

.whatsapp-rapper i {
  left: 20px;
  bottom: 10px;
}
.whatsapp-rapper i::after {
  display: none;
}
.get-started-form:before{
display:none;}
.nav-bar a.logo img{
max-width:60% !important; 
}
}
/* Tablet */@media only screen and (max-width: 980px) and (min-width: 768px) {    .tab ul {        padding: 0;        margin: auto;    }    .tab li.tablinks {        width: 21%;    }    .tabcontent {        margin: auto;        max-width: 90%;    }    .port-img {        width: 49%;    }    .portfolio .bg-circle .port-content {        width: 50%;    }}/*Mobile*/@media only screen and (max-width: 400px) {    .tabcontent img {        height: 360px;    }    .portfolio .bg-circle::before {        width: 100%;        height: 360px;    }    .portfolio .bg-circle {        height: auto;    }    .portfolio ul.menu {        margin: 0;    }    .port-img {        padding: 0;        width: 100%;        display: flex;        justify-content: center;    }    .port-content {        vertical-align: baseline;        width: 100%;        padding-top: 0;    }    .portfolio .bg-circle .port-content {        width: 100%;    }    .portfolio .bg-circle .port-content {        padding: 0;    }    .tab li.tablinks {        width: 12%;    }}