@media handheld, only screen and (max-width: 1900px) {
    .logo{
        left: 50px;
        width: 180px;
        height: auto;
        padding-left: 0px;
    }
    .logo img{
        max-width: 180px;
        height: auto;
    }
    .rightmenu{
        width: 60px;
    }
    .TopPanelCont{
        right: 60px;
    }
   /* .Banner-Invitation {
    width: 355px;
    height: auto;
        top: 210px;
        right: 45px;
    }
.Banner-Copy-center {
    width: 202px;
    height: auto;
    right: 390px;
    top: 407px;
}
    .Banner-Promo-items {
    width: 206px;
    height: auto;
    right: 177px;
    top: 442px;
}
    .Banner-Printing {
    width: 262px;
    height: auto;
    right: 408px;
    top: 232px;
}
    .Banner-Our-work {
    width: 338px;
    height: auto;
    right: 602px;
    top: 408px;
}*/
    .Homebanner .bannerbottombg{
        width: 315px;
        height: 315px;
    }
    .UnderbannerNavigation ul li a, .UnderbannerNavigation ul li a:visited{
        padding-left: 15px;
        padding-right: 15px;
    }
    .who-we-are-section .section-title, .OurWorkContainer .section-title, .IndexUploadCont .section-title, .IndexFooterContainer .IndexFooterContactSec h2, .IndexFooterContainer .IndexFooterRequestForm h2{
        font-size: 50px;
    }
    .who-we-are-section .section-subtitle, .OurWorkContainer .section-subtitle{
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .footer-copyright .inner-wrapper{
        padding-left: 5%;
        padding-right: 5%;
        widows: 96%;
    }
    .footer-copyright .footer-navigation ul li a{
        font-size: 12px;
    }

.UnderbannerNavigation ul{
    padding-left: 5%;
}
.UnderbannerNavigation .search-container{
     padding-right: 5%;
}

.footer-text ul li{
    font-size: 14px;
    font-weight: 400;
}

}
@media handheld, only screen and (max-width: 1599px) {
    .Homebanner{
        background-size: cover;
    }

.Banner-Invitation{
    width: 300px;
    height: auto;
    position: absolute;
    right: 400px;
    top: 153px;
    z-index: 99;
}

.Banner-Copy-center{
    width: 272px;
    height: auto;
    position: absolute;
       right: 120px;
    top: 170px;
    z-index: 9;
}


.Banner-Our-work{
    width: 350px;
    height: auto;
    position: absolute;
    right: 490px;
    top: 350px;
    z-index: 9;
}


.Banner-Printing{
         width: 272px;
    height: 211px;
    position: absolute;
    right: 211px;
    top: 500px;
    z-index: 9;
}



.Banner-Promo-items{
    width: 226px;
    height: 75px;
    position: absolute;
    right: 257px;
    top: 350px;
    z-index: 9;
}
.customer-login-box{
    padding-left: 0px;
}
}

@media handheld, only screen and (max-width: 1199px) {
    .TopPanelCont .SocialMediaIcon{
        float: none;
    }
    .TopPanelCont .SocialMediaIcon ul{
        float: right;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .TopPanelCont{
        top: 28px;
    }
    .UnderbannerNavigation .search-container{
        display: none;
    }
    .who-we-are-section .AboutUsLeft, .who-we-are-section .AboutUsRight{
        width: 100%;
        margin-bottom: 20px;
    }
    .who-we-are-section{
    background-size: cover;
}
.IndexFooterContainer .IndexFooterContactSec, .IndexFooterRequestForm{
    width: 90%;
    padding: 20px 5%;
    margin-left: auto;
     margin-right: auto;
}
.IndexFooterContainer .inner-wrapper{
    width: 100%;
}
.IndexFooterContainer .IndexFooterRequestFormBody{
    width: 100%;
}
.footer-copyright .footer-navigation ul li{
    padding-right: 5px;
    padding-left: 5px;
}
.IndexFooterAddress{
    width: 42%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}
.AboutLeft p{
    font-size: 14px;
    line-height: 16px;
}
.Innerpagecontainer h1{
    font-size: 30px;
}

.UnderbannerNavigation ul li a, .UnderbannerNavigation ul li a:visited{
    font-style: 14px;
}
}

@media handheld, only screen and (max-width: 960px) {
    .Banner-Invitation, .Banner-Copy-center, .Banner-Printing, .Banner-Our-work, .Banner-Promo-items{
        display: none;
    }


    .Homebanner{
        height: auto;
        padding-top: 180px;
     padding-bottom: 60px
    }

    .mobile-navigation{
        display: block;
    }

  .UnderbannerNavigation{
    display: none;
}
.rightmenu{
    display: block;
    height: 80px;
    width: 100%;
    background: #FFF;
    text-align: right;
}
.bar1, .bar2, .bar3{
    background-color: #333;
}
.rightmenu button{
    margin-right: 30px;
}
.logo {
    width: 150px;
    height: auto;
    padding-left: 0px;
    z-index: 999;
    top: 10px;
    left: 20px;
    position: fixed;
}
.TopPanelCont{
    top: 90px;
}
.TopPanelCont .SocialMediaIcon ul {
     float: none; 
    margin-top: 0px;
    margin-bottom: 15px;
    margin: 0px;
    text-align: center;
}
.mobile-navigation{
    padding-top: 50px;
}
.footer-copyright .sociaMediacont{
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
.footer-copyright .sociaMediacont ul{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.footer-copyright .copyright{
    float: none;
    text-align: center;
    display: block;
}
/*.InnerPageHeaderSpece{
    height: 115px;
}*/
.InnerBanner{
    padding-top: 0px;
    padding-bottom: 0px;
}
.InnerPageHeaderSpece{
    height: 200px;
}
.IndexOurWorkContent ul li{
    width: 100%;
    height: auto;
}
.IndexOurWorkContent ul li .SocialMediaIcon{
    left: 0px;
}
.InnerpageRightPanel ul li a{
    width: auto;
    display: block;
    font-style: 15px;
}
.AboutLeft, .AboutRight{
    float: none;
    width: 100%;
}

.who-we-are-section{
    padding-left: 30px;
    padding-right: 30px;
}
}


@media handheld, only screen and (max-width: 750px) {
.TopPanelCont .SocialMediaIcon ul{
    display: none;
    }
.TopPanelCont{
    display: none;
}
.UnderbannerNavigation ul li.ClientLogin{
    display: block;
}
.sidenav ul li.ClientLogin a{
    background-color: #e92a94;
}
.Homebanner{
    padding-top: 70px;
}
.who-we-are-section{
    padding-left: 20px;
    padding-right: 20px;
}
.who-we-are-section .section-title, .OurWorkContainer .section-title, .IndexUploadCont .section-title, .IndexFooterContainer .IndexFooterContactSec h2, .IndexFooterContainer .IndexFooterRequestForm h2 {
    font-size: 36px;
}
.who-we-are-section .section-subtitle, .OurWorkContainer .section-subtitle {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
}
.IndexFooterAddress{
    width: 70%;
}
.IndexFooterAddress p{
    font-size: 12px;
}
.IndexFooterAddress h6{
    font-size: 14px;
}
.IndexFootericon{
    width: 32px;
    left: 10px;
}
.IndexFooterContainer .IndexFooterRequestFormBody input[type="text"], .IndexFooterContainer .IndexFooterRequestFormBody input[type="email"], .IndexFooterContainer .IndexFooterRequestFormBody input[type="tel"], .IndexFooterRequestFormBody input[type="file"], .IndexFooterRequestFormBody select{
    font-size: 14px;
}
.IndexFooterContainer .IndexFooterRequestFormBody textarea{
    font-size: 14px;
}

.InnerpageRightPanel, .InnerpageLeftPanel {
    float: none;
    width: 100%;
}
.InnerpageRightPanel ul{
    margin:0px;
    padding: 0px;
    text-align: left;
}
.InnerpageRightPanel ul li a{
    width: auto;
    font-size: 14px;
    padding: 7px 12px;
}
.Innerpagecontainer ul li{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}
.footer-text{
    padding:20px 0px;
}

.footer-text ul li{
    font-size: 11px;
    line-height: 13px;
}
.footer-text ul li:first-child:after{
    display: block;
}
.InnerPageHeaderSpece{
    height: 80px;
}
.Innerpagecontainer{
    padding-top: 30px;
    padding-bottom: 30px;
}
.Homebanner{
    background-position:left bottom;
    background-attachment: scroll;
}
.mobile-navigation ul li{
    width: 40%;
}
.InnerBanner {
    padding-top: 0px;
    padding-bottom: 0px;
}
.who-we-are-section .inner-wrapper{
    padding-top: 20px;
    padding-bottom: 20px;
}
}