@media(max-width:991px){


    #mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i{
        color: #000 !important;
        font-family: 'Quattrocento' !important;
    }
    .mobmenu-right-panel .mob-cancel-button{
        color: #3042b5 !important;
    }
    .mobmenu-content #mobmenuright li:hover,.mobmenu-content #mobmenuright > li > a:hover{
        background: none !important;
    }

    .mobmenu-right-alignment.mobmenu-panel.mobmenu-right-panel:before{
        content: "";
        position: absolute;
        background: url('/wp-content/uploads/2024/08/toddsunn-company-logo.png');
        width: 180px;
        height: 40px;
        background-size: cover !important;
        top: 20px;
        left: 15px;

    }
    .mobmenu-right-alignment.mobmenu-panel.mobmenu-right-panel:after{
        content: "";
        position: absolute;
        background: url('/wp-content/uploads/2024/08/toddsunn-sun.webp');
        width: 140px;
        height: 130px;
        background-size: cover !important;
        bottom: 25px;
        left: 0px;
        right: 0px;
        margin: auto;
    }
    .mobmenu-content{
        padding-top: 20px !important;
    }
    .mobmenu-right-panel .mobmenu-right-bt {
        top: 22px !important;
        right: 4px !important;
    }
    .mobmenu-right-panel li, .rightmbottom, .rightmtop {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #mobmenuleft, #mobmenuright{
        margin-top: 15px !important;
    }

    .mobmenur-container i {
        color: #fff !important;
        background: #011E93;
        border-radius: 2px;
        border: 1px solid #011E93;
    }
    .mobmenur-container {
        top: 23px !important;
        margin-right: 20px !important;
    }
    .mob-menu-header-holder.mobmenu {
        max-width: 60px !important;
        z-index: 99;
    }
    .header-menu-left {
        width: 220px;
    }
    .header-right{
        width: calc(100% - 220px);
    }
    .header-right-menubox {
        margin-right: 20px;
    }
    .header-right-menubox ul li {
        padding: 0px 15px;
    }
    a.headerphn {
        font-size: 24px;
        font-weight: 600;
    }
    .mainarea {
        padding-top: 83px;
    }
    .banner-right {
        padding-left: 15px;
        margin-top: 30px;
    }
    .service-box-top .row.align-items-center{
        align-items: flex-start !important;
    }
    .banner-left {
        text-align: center;
    }

}
@media screen and (min-width:768px) and (max-width:991px){
    .service-imgbox img {
        height: 150px;
        object-fit: cover;
    }
    .blog-mainarea img,.no-image {
        height: 225px; 
    }
    .blog-sidebar {
        padding-left: 15px;
        margin-top: 50px;
    }
}
@media screen and (max-width:767px){
    .header-menu-left.logobox {
        padding-left: 10px;
    }
    body #main-header{
        display: block !important;
    }
    .headerrow{
        flex-wrap: wrap;
    }
    .header-right,.header-menu-left{
        width: 100%;
    }
    .header-right-menubox{
        display: none !important; 
    }
    .header-right-phnbox {
        width: 100%;
        background: #393ba7;
        padding: 7px 0px;
        margin-top: 10px;
    }
    .header-right-phnbox a {
        color: #fff !important;
        display: flex;
        justify-content: center;
    }
    #main-header .container{
        padding: 0px;
    }
    .stickheader .header-right-phnbox{
        display: none; 
    }
    .logobox img {
        width: 240px !important;
    }
    .serviceicon-box {
        margin-bottom: 30px;
    }
    .container {
        padding: 0px 15px;
    }
    .service-box-outer {
        margin-bottom: 20px;
    }
    .home-service1-section {
        padding: 40px 0px !important;
    }
    .service-boxes {
        margin-top: 25px;
    }
    .reviewer-info {
        font-size: 24px;
        padding-left: 15px;
        margin-top: 20px;
    }
    .service-infobox h3,.home-posttitle h3{
        font-size: 24px !important;
    }
    footer#mainfooter {
        padding: 50px 0px 50px;
    }
    .service-imgbox img{
        height: auto;
        max-height: 260px;
    }
    .mainarea {
        padding-top: 150px;
    }
    .banner-section.homebanner {
        padding: 30px 0px 50px;
    }
    .header-infobox {
        padding: 30px 0px;
    }
    div#postmain {
        padding: 50px 0px;
    }
    .blog-sidebar {
        padding-left: 15px;
        margin-top: 50px;
    }
}

@media screen and (max-width:580px){
    .banner-left img{
        width:100%;
    }
    h2 {
        font-size: 32px;
    }
    .banner-right h3, .section h3{
        font-size: 20px;
    }
    .service-infobox h3{
        font-size: 24px;
    }
    .commonpadding {
        padding: 50px 0px;
    }
    .footer-bottom-right {
        margin-top: 30px;
    }
}
@media screen and (max-width:414px){
    h2 {
        font-size: 28px;
    }
    .banner-right h2{
        font-size: 24px;
    }


}

@media screen and (max-width:395px){
    .logobox img {
        width: 210px !important;
    }
    .mainarea {
        padding-top: 143px;
    }


}