@media only screen and (min-width: 1430px) {
    .container {
        max-width: 1290px;
    }
    ul.contact {
        display: flex;
        justify-content: center;
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1440px;
    }
    ul.contact {
        display: flex !important;
        justify-content: center;
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width: 1800px) {
    .container {
        max-width: 1630px;
    }
    ul.contact {
        display: flex !important;
        justify-content: center;
        margin-bottom: 20px !important;
    }
}

@media only screen and (max-width: 1799px) {
    .herotab {
        left: 80px;
        max-width: 940px;
    }
    section.popularsec {
        /* padding: 100px 70px;*/
        padding: 100px 70px 30px;
    }
    section.getintoouchsec {
        /* padding: 100px 70px;*/
        padding: 150px 70px 30px;
    }
}

@media only screen and (max-width: 1599px) {}

@media only screen and (max-width: 1429px) {
    .popularslide span {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 0 10px;
    }
    .btns a {
        font-size: 16px;
    }
    nav.navbar.navbar-expand-lg {
        padding: 15px 0px;
    }
    ul.navbar-nav a {
        font-size: 16px;
    }
    .heromain h1 {
        font-size: 55px;
        line-height: 64px;
    }
    .heromain p {
        font-size: 19px;
    }
    .herotab button {
        font-size: 16px !important;
    }
    .explore h2 {
        font-size: 45px;
        margin: 0;
    }
    .explore span {
        margin: 0;
    }
    section.explore {
        padding: 50px 20px 0px;
    }
    ul.tag a {
        font-size: 16px;
    }
    .explore p {
        font-size: 18px;
    }
    .buyhousetitle h2 {
        font-size: 48px;
    }
    .buyhousetitle p {
        font-size: 18px;
    }
    .buyhousedetail {
        max-width: 360px;
    }
    .buyhousesubdetail {
        padding: 10px;
    }
    .buyhousesubdetail p {
        font-size: 16px;
    }
    .buyhousedetail:hover a {
        height: 50px;
    }
    .serviceinfo {
        margin-left: 10px;
    }
    .serviceinfo h2 {
        font-size: 48px;
        line-height: 60px;
    }
    .serviceinfo p {
        font-size: 18px;
    }
    section.buyhouse {
        padding: 60px 20px;
    }
    section.popularsec,section.getintoouchsec {
        /*padding: 120px 50px;*/
        padding: 120px 50px 30px;
    }
    section.servicesec {
        padding: 60px 20px;
    }
    .serviceinfo.ml-0 {
        margin-right: 60px;
    }
    .serviceinfo.ml-0 p {
        font-size: 18px;
    }
    .serviceinfo a.greenbtn {
        font-size: 16px;
    }
    .youtubevideostitle h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .owl-nav.disabled button {
        width: 39px;
    }
    .popularslide span {
        font-size: 20px;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 1199px) {
    .owl-nav.disabled {
        width: 100%;
        justify-content: center;
        position: relative;
        bottom: -37px;
    }
    .owl-nav.disabled button {
        margin: 0 10px;
    }
    .herosearch {
        max-width: 100%;
    }
    .herotab {
        left: 51px;
        max-width: 575px;
    }
    .herosearch input {
        height: 60px;
    }
    .herotab button {
        height: 60px;
    }
    .explore {
        margin-right: 0;
    }
    .buyhousetitle h2 {
        font-size: 44px;
        line-height: 52px;
    }
    .buyhousedetail {
        max-width: 291px;
    }
    section.buyhouse {
        height: 768px;
    }
    section.popularsec,section.getintoouchsec{
        padding: 60px 0px;
    }
    .buyhousetitle {
        max-width: 100%;
        margin-bottom: 40px;
    }
    ul.secondmile {
        margin-bottom: 0;
    }
    .searchbox input {
        height: 50px;
    }
    .searchbox {
        width: 300px;
    }
    .searchbox a {
        width: 40px;
        height: 40px;
    }
    .searchbox a svg {
        width: 17px;
    }
    .serviceinfo {
        margin-right: 0;
    }
    .serviceinfo h2 {
        font-size: 44px;
    }
    .serviceinfo.ml-0 {
        margin-right: 10px;
    }
    .serviceinfo.ml-0 p {
        font-size: 16px;
    }
    .footerinfo p {
        font-size: 16px;
    }
    ul.social {
        margin: 20px 0px;
    }
    ul.contact {
        margin-bottom: 10px !important;
    }
    .explore h2 {
        font-size: 44px;
    }
    footer {
        padding: 30px 0px;
    }
    .herosearch {
        max-width: 100%;
    }
    .herotab {
        left: 51px;
        max-width: 575px;
    }
    .herosearch input {
        height: 60px;
    }
    .herotab button {
        height: 60px;
    }
    .explore {
        margin-right: 0;
    }
    .buyhousetitle h2 {
        font-size: 44px;
        line-height: 52px;
    }
    .buyhousedetail {
        max-width: 291px;
    }
    .buybottombannertext{
        left:60%;
    } 
    section.buyhouse {
        height: 768px;
    }
    section.popularsec {
        padding: 60px 0px;
    }
    section.getintoouchsec {
        padding: 130px 0px;
    }
    .buyhousetitle {
        max-width: 100%;
        margin-bottom: 40px;
    }
    .adjustgap{
        padding-top:85px !important;
    }
    .heroinner p{
        color:#ffffff !important;
    }
    ul.secondmile {
        margin-bottom: 0;
    }
    .searchbox input {
        height: 50px;
    }
    .searchbox {
        width: 300px;
    }
    .searchbox a {
        width: 40px;
        height: 40px;
    }
    .searchbox a svg {
        width: 17px;
    }
    .serviceinfo {
        margin-right: 0;
    }
    .serviceinfo h2 {
        font-size: 44px;
    }
    .serviceinfo.ml-0 {
        margin-right: 10px;
    }
    .serviceinfo.ml-0 p {
        font-size: 16px;
    }
    .footerinfo p {
        font-size: 16px;
    }
    ul.social {
        margin: 20px 0px;
    }
    ul.contact {
        margin-bottom: 10px !important;
    }
    .explore h2 {
        font-size: 44px;
    }
    footer {
        padding: 30px 0px;
    }
    span.aboutimg {
        max-width: 240px;
        /*left: -110px;*/
        left:-9%;
        bottom: -110px;
    }
    ul.youtubevc li {
        width: 50%;
    }
    ul.youtubevc iframe {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .herotab {
        left: 27px;
    }
    .btns a {
        margin: 0 !important;
        width: 150px;
        margin: 0 10px !important;
    }
    ul#pills-tab button {
        padding: 0 18px;
        height: 40px;
    }
    .heromain {
        left: 13px;
    }
    .buybottombannertext{
        position: absolute;
        top:15%;
        left:35%;
    }
    .heromain h1 {
        font-size: 26px;
    }
    .heromain p {
        font-size: 14px;
    }
    .slick-slide {
        height: 420px !important;
    }
    ul.tag a {
        padding: 8px;
    }
    .buyhousetitle h2 {
        font-size: 22px;
        margin: 4px;
    }
    section.buyhouse {
        padding: 0;
    }
    .btns a {
        max-width: 150px !important;
        margin: auto;
        padding: 0;
    }
    ul.navbar-nav {
        margin-left: 0;
    }
    .btns a {
        height: 40px;
    }
    a.btnblack {
        width: 150px;
    }
    ul.sell.active {}
    li.nav-item.selldrop {
        z-index: 99;
    }
    .heromain {
        top: 65%;
    }
    .heromain h1 {
        font-size: 50px;
        line-height: 44px;
    }
    .heromain p {
        font-size: 22px;
    }
    ul#pills-tab button {
        height: 50px;
        font-size: 16px !important;
    }
    .herosearch {
        padding: 20px;
    }
    .herosearch input {
        height: 50px;
        padding: 0 15px;
        font-size: 16px;
    }
    .herosearch button {
        width: 50px;
        height: 50px;
    }
    .herosearch button svg {
        width: 17px;
    }
    .explore h2 {
        font-size: 36px;
        line-height: 54px;
    }
    .explore p {
        font-size: 16px;
    }
    ul.tag a {
        font-size: 14px;
        padding: 10px;
    }
    section.explore .col-lg-6:last-child {
        order: -1;
    }
    .buyhousetitle h2 {
        font-size: 36px;
    }
    .buyhousetitle p {
        font-size: 16px;
    }
    ul.housesell {
        display: block;
    }
    section.buyhouse {
        height: 100%;
    }
    .buyhousedetail {
        max-width: 100%;
        text-align: center;
        padding: 7px;
    }
    .buyhousesubdetail {
        text-align: center;
        margin: 10px 0px 10px;
    }
    .buyhousedetail a {
        height: 50px;
        width: 230px;
        margin: auto;
    } 
    .heroinner {
        position: relative;
        padding: 15px 20px;
    }
    .heroinner h2{
        font-size : 25px !important;
    }
    .adjusttopaboutusprofile {
        margin-top: -1% !important;
    }
    ul.housesell li {
        margin-bottom: 20px;
    }
    .buyhousetitle span {
        font-size: 16px;
    }
    .popularslide span {
        width: 100%;
        text-align: center;
        font-size: 20px;
    }
    .buyhousetitle {
        margin-bottom: 20px;
    }
    .adjustgap{
        padding-top:110px !important;
    }
    .aboutusbannerdesc{
        padding-top:85px !important;
    }
    .aboutusbannerdesc h2{
        font-size:42px !important;
    }
    .aboutusbannerdesc p{
        font-size:32px !important;
        line-height:1.3em;
    }
    ul.secondmile {
        margin-top: 30px;
    }
    ul.secondmile li {
        margin-right: 10px;
    }
    .serviceinfo h2 {
        font-size: 36px;
        margin: 0;
    }
    .serviceinfo span {
        font-size: 16px;
        margin: 0;
    }
    .serviceinfo p {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .serviceinfo a.greenbtn {
        width: 190px;
    }
    section.servicesec .col-lg-6:last-child {}
    .explore span {
        justify-content: center;
    }
    .explore {
        text-align: center;
        margin: 30px 0;
    }
    ul.tag {
        justify-content: center;
    }
    .serviceinfo {
        text-align: center;
        margin: 40px 0px 0;
    }
    .serviceinfo span {}
    .serviceinfo span {
        justify-content: center;
    }
    span {}
    .serviceinfo a {
        margin: auto;
    }
    ul.contact{
        display:flex !important;
    }
    ul.contact li {
        margin: 0 15px;
    }
    ul.contact li a{
        font-size:14px;
    }
    section.youtubevideos {
        padding: 90px 0px 60px;
    }
    .youtubevideostitle h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    ul.footermenu {
        max-width: 370px;
        justify-content: space-between;
        margin: 30px 0px;
    }
    .contactbtns {
        max-width: 390px;
    }
    /**********  Responsive Menu Bootstrap **********/
    /**  menu  **/
    .toggler {
        width: 50px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        border-radius: 5px;
        background-color: #fff;
        border: 1px solid #7bc00b;
        text-align: center;
        z-index: 99;
        display: block;
        transition: all 0.5s;
        margin-left: 20px;
    }
    .show-menu .toggler {
        width: 40px;
        height: 40px;
        position: fixed;
        top: 20px;
        right: 20px;
        border: none;
    }
    .toggler span {
        position: relative;
        width: 60%;
        height: 2px;
        background-color: #7bc00b;
        display: inline-block;
        vertical-align: top;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .toggler span::before,
    .toggler span::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        background-color: #7bc00b;
        right: 0;
        transition: all 0.5s;
        animation: openCloseByeSpan 300ms linear forwards;
    }
    .toggler span::before {
        top: -6px;
    }
    .toggler span::after {
        top: 6px;
    }
    .show-menu .toggler span::before,
    .show-menu .toggler span::after {
        left: 0;
        right: 0;
        margin: auto;
        transform: rotate(45deg);
        top: -5px;
    }
    .show-menu .toggler span::after {
        transform: rotate(-45deg);
    }
    .show-menu .toggler span {
        height: 0;
    }
    #navbarNav {
        /*background: #ffffff url(../images/banner-img.png) no-repeat bottom right / auto 170px;*/
        /* box-shadow: 0 0px 0 10px #fff inset, 0 0 0 11px #7bc00b inset; */
        padding: 60px 20px 15px;
        position: fixed;
        top: 0;
        right: 0;
        display: block !important;
        width: 100% !important;
        text-align: center;
        bottom: 0;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%);
        height: auto !important;
        overflow: auto;
    }
    .show-menu #navbarNav {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .show-menu .navbar-toggler {
        position: fixed;
        z-index: 5;
        right: 15px;
        border-radius: 5px;
        padding: 2px;
        top: 15px;
    }
    .show-menu .navbar-toggler-icon {
        background-image: url("../images/close.svg");
        background-size: 14px auto;
    }
    .navbar-nav .nav-item {
        margin-left: 0;
    }
    .navbar .navbar-nav .nav-link {
        font-size: 18px;
        padding: 10px 10px;
        margin: 0;
        line-height: 1.2;
    }
    .navbar-nav .nav-link:hover {
        color: #7bc00b;
    }
    .navbar-nav .active .nav-link {
        color: #7bc00b;
        font-weight: bold;
    }
    .navbar-nav .nav-item .dropdown-item {
        text-align: center;
        padding: 10px 10px;
    }
    .navbar-nav .dropdown-menu {
        margin: 0;
        padding: 0;
        border-radius: 0;
    }
    /* Common Css must add */
    .navbar-toggler svg {
        height: 40px;
        position: absolute;
        width: 40px;
        cursor: pointer;
        /*   border: 1px solid black; */
        background-color: #fff;
    }
    .plate {
        height: 40px;
        width: 40px;
    }
    .burger {
        /*filter: url(#gooeyness);*/
    }
    .x {
        transform: scale(0);
        transition: transform 400ms;
    }
    .line {
        fill: none;
        stroke: #000000;
        stroke-width: 6px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transform-origin: 50%;
        transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
    }
    .x .line {
        stroke-width: 5.5px;
    }
    /* Common Css must add end */
    /* Forth Menu Css */
    .plate4 .x {
        transition: transform 400ms;
    }
    .plate4 .line {
        transform-origin: 50%;
        transition: transform 400ms 100ms;
    }
    .active.plate4 .line {
        transition: transform 400ms;
    }
    .active.plate4 .line1 {
        transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7);
    }
    .active.plate4 .line2 {
        transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7);
    }
    .active.plate4 .line3 {
        transform: translateY(0px) rotate(45deg) scale(0.7);
    }
    .active.plate4 .line4 {
        transform: translateY(0px) rotate(-45deg) scale(0.7);
    }
    .active.plate4 .line5 {
        transform: translateX(18px) translateY(3px) rotate(45deg) scale(0.7);
    }
    .active.plate4 .line6 {
        transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7);
    }
    .active.plate4 .x {
        transition: transform 400ms 100ms;
        transform: scale(1);
    }
    button.navbar-toggler {
        padding: 0;
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        z-index: 99999;
    }
    span.navbar-toggler-icon {
        width: 40px;
        height: 40px;
    }
    .navbar-toggler svg {
        left: 0;
        top: 0;
    }
    .show-menu .navbar-toggler {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        right: 30px;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .btns {
        justify-content: center;
    }
    section.servicesec.servicemain .col-lg-6:last-child {
        order: -1;
    }
    .servicesec.text-right {
        text-align: center;
    }
    span.aboutimg {
        left: -20px;
        /*bottom: -60px;*/
        bottom: -9%;
        max-width:400px;
    }
    /**  Menu  **/
    /**********  Responsive Menu  **********/
}

@media only screen and (max-width: 767px) {
    .herotab {
        max-width: 100%;
        left: 0;
        padding: 10px;
        bottom: -110px;
    }
    ul#pills-tab button {
        font-size: 14px !important;
    }
    ul#pills-tab {
        max-width: 420px;
    }
    .heromain {
        top: 38%;
    }
    .heromain h1 {
        font-size: 36px;
    }
    .heromain p {
        font-size: 14px;
    }
    .explore h2 {
        font-size: 30px;
    }
    .explore p {
        font-size: 14px;
        line-height: 23px;
    }
    .explore span {
        font-size: 16px;
    }
    section.explore {
        /*padding: 100px 0px 0px;*/
        padding: 20px 0px 0px;
    }
    .buyhousetitle h2 {
        font-size: 30px;
        line-height: 36px;
    }
    section.buyhouse {
        padding-top: 0;
        padding-bottom: 0;
    }
    .buyhousetitle p {
        font-size: 14px;
    }
    .buyhousesubdetail p {
        font-size: 14px;
    }
    .buyhousesubdetail h4 {
        margin-bottom: 10px;
    }
    .buyhousedetail:hover a {
        height: 100%;
    }
    .buyhousedetail a {
        height: 45px !important;
        max-width: 200px;
        font-size: 16px;
    }
    .heroinner {
        position: relative;
        padding: 15px 20px;
    }
    .heroinner h2,.heroinner p{
        /*font-size : 25px !important;*/
        font-size : 18px !important;
    }
    .adjusttopaboutusprofile {
        margin-top: -11% !important;
    }
    section.popularsec,section.getintoouchsec {
        /*padding: 30px 0px;*/
        padding: 80px 0px;
    }
    .buyhousetitle h2 {
        font-size: 30px;
    }
    .buyhousetitle span {
        font-size: 14px;
    }
    .popularslide span {
        font-size: 16px;
    }
    ul.secondmile li {
        font-size: 14px;
    }
    .serviceinfo p {
        font-size: 14px;
    }
    .serviceinfo h2 {
        font-size: 30px;
        line-height: 54px;
    }
    .serviceinfo a.greenbtn {
        height: 45px;
        width: 190px;
    }
    section.servicesec {
        padding: 30px 10px;
    }
    section.youtubevideos {
        padding: 30px 0px;
    }
    .youtubevideostitle h2 {
        font-size: 30px;
    }
    ul.youtubevc {}
    .viewmore {
        margin-top: 31px;
    }
    .viewmore a {
        font-size: 16px;
        width: 200px;
    }
    ul.contact {
        display: block;
    }
    ul.contact li {
        margin: 20px 15px;
    }
    .copright .container{
        text-align:center;
    }
    .copyright{
        float:none;
        text-align:center !important;
    }
    copyright a {
        font-size: 14px;
    }
    section.heresecrion .container{
        margin-top:10%;
    }
    .aboutusbannerdesc{
        font-size:14px;
    }
}

@media only screen and (max-width: 575px) {
    .owl-nav.disabled button {
        width: 30px;
    }
    .heromain h1 br {
        display: none;
    }
    ul#pills-tab {
        margin: auto !important;
    }
    .explore h2 {
        font-size: 24px;
        line-height: 38px;
    }
    .explore span {
        font-size: 14px;
    }
    .buyhousetitle h2 {
        font-size: 24px;
    }
    .buyhousedetail a {
        font-size: 14px;
        max-width: 180px;
    }
    .adjustgap{
        padding-top:110px !important;
    }
    .aboutusbannerdesc{
        padding-top:50px !important;
    }
    .adjusttopaboutusprofile {
        margin-top: -200px !important;
    }
    /*.darkencss{
        width: 100%;
        height:100%;
        background: #ffffff6b;
        border-radius: 20px;
        padding: 20px;
        text-align: center;
    }*/
    .darkencss p, .darkencss h2{
        color:#ffffff !important;
    }
    ul.secondmile li {
        margin-bottom: 16px;
    }
    .serviceinfo.ml-0 {
        /*margin-top: 70px;*/
        margin-top: 30px;
    }
    .serviceinfo h2 {
        font-size: 24px;
    }
    .serviceinfo span {
        font-size: 14px;
    }
    .serviceinfo.ml-0 p {
        font-size: 14px;
        padding-bottom:10px; /* added 30may23*/
    }
    .youtubevideostitle h2 {
        font-size: 24px;
    }
    ul.youtubevc {
        display: block;
    }
    ul.youtubevc li {
        width: 100%;
        margin-left: 0;
    }
    .footerinfo p {
        font-size: 14px;
        margin-top: 20px;
    }
    ul.contact {
        display:block !important;
    }
    ul.contact li a {
        font-size: 15px;
    }
    ul.contact li {
        margin: 13px 0px;
    }
    .footerlogo img {
        width: 160px;
    }
    .copright p {
        font-size: 14px;
    }
    .copright .container {
        display: block;
        text-align: center;
    }

    copyright a {
        font-size: 14px;
    }
    .copright .container{
        text-align:center;
    }
    .copyright{
        float:none;
        text-align:center !important;
    }
    .heromain h1 {
        font-size: 30px;
        margin-bottom: 6px;
    }
    nav.navbar.navbar-expand-lg {
        padding: 1px 0px;
    }
    .btns {
        display: block;
    }
    .btns a {
        margin: 10px auto !important;
    }
}

@media only screen and (max-width: 479px) {
    ul.secondmile {
        margin-top: 42px;
    }
    span.aboutimg {
        max-width: 225px;
        top:57%;
    }
    ul#pills-tab button {
        padding: 0 18px;
        height: 40px;
    }
    .heromain {
        left: 13px;
        top:50%;
    }
    .buybottombannertext{
        left: 13px;
        top:7%;
    }
    .heroinner{
        padding-top:35px;
    }
    .heromain h1,.heroinner h2 {
        font-size: 26px !important;
    }
    .slick-slide {
        height: 470px !important;
    }
    .profiletitle{
        font-size:18px !important;
    }
    .aboutusbannerdesc p {
        font-size:14px !important;
    }
    .darkencss p,.darkencss h2{
        color:#ffffff !important;
    }
    .buynexthome h2{
        font-size:16px;
        /*padding-top:20px;*/
        padding-top:15%;
        padding-left:80px;
    }
    .buytopbannertext{
        left:0 !important;
        top:0  !important;
        width:90%  !important;
        margin:auto  !important;
        text-align: center  !important;
        float:none !important;
    }
    .buybottombannertext h2,.buytopbannertext h2, .buytopbannertext p{
        color:#000000 !important;
    }
    .heromain p,.heroinner p {
        font-size: 18px !important;
    }
    .heroinfo{
        padding-top:10px;
    }
    .adjustgap{
        padding-top:110px !important;
    }
    ul.tag a {
        padding: 8px;
    }
    .buyhousetitle h2 {
        font-size: 22px;
        margin: 4px;
    }
    section.buyhouse {
        padding: 0;
    }
    .profiledetailbanner{
        background-size:cover;
        height: calc(0.95 * 100vw);
        width:100%;
        background-repeat:no-repeat !important;
        background-position: 40% 0% !important;
    }
    .detailprofileposition{
        position:relative;
        margin-top:-18%;
        margin-left:1%;
    }
    .profdetailtitle {
        padding-top:10px;
        color:#000000;
        font-size: 28px;
        font-family: 'Bahnschrift';
    }
    .detailprofiledesc{
        position:relative;
        top:5%;
        padding:10px;
    }
    .copright .container{
        text-align:center;
    }
    .copyright{
        float:none;
        text-align:center !important;
    }
    copyright a {
        font-size: 14px;
    }
    ul.contact {
        display:block !important;
    }
}

@media only screen and (max-width: 349px) {
    ul.contact {
        display:block !important;
    }
}