
@media only screen and (max-width: 1040px){
	.sha { 
    top: -20px;
}
.col-md-4.about-left {
    width: 100%;
    max-width: 569px;
}
.container {
     padding-right: 0px;
     padding-left: 0px;
}
header {
    padding: 1em 7px;
}
.projects {
    padding: 10px;
}
.header_nav ul.menus li a {
    padding: 13px 13px;
}
.banner {
    min-height: 450px;   
}
.banner-text {
    padding: 2em 0 1em;
    position: relative;
    color: #fff;
    width: 68%;
}
.banner-text h1 {
   
    color: #000;
}
.welcome {
    padding: 3em 28px 0;
}
.majority {
    padding: 0em 13px;
}
input.btn1 {
    padding: 10px 28px;
}
form#form1 {
    padding: 10px;
}
.about_info {
    display: block;
}
.col-md-4.about-left {
    max-width: 718px;
}
div#location {
    margin-top: 15px;
    margin-left: 15px;
}
.contact {
    padding: 0em 0;
}
.contact-bottom input[type="text"] {
    font-size: 16px;
}
.contact-bottom-top textarea {
    font-size: 16px;
}
.footer .row {
    flex-direction: column;
    align-items: unset;
}
.footer {
    padding: 20px;
}
.footer-bottom {
    padding: 40px 7px 1px;
}
.soci {
   
    left: 378px;
    top: 28%;
  
}
}



@media only screen and (max-width: 767px){
.container {
    width: 100%;
    padding: 0;
}
.logo img {
    max-width: 180px;
    height: auto;
    margin-bottom: 11px;
}

ul.menus.menus-show {
    display: block !important;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #000;
}

.header_nav ul.menus li {
    position: relative;
    width: 100%;
    text-align: center;
}

.header_nav ul.menus li a {
    padding: 16px 80px;
}
.header_nav ul.menus li::before {
    
    border-right: none;
}
.header_contact_info span {
    font-size: 17px;
    color: #981c1f;
}
header a {
    font-size: 1em;
}

.row {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
}

.banner-text {
    padding: 40px;
    position: relative;
    color: #fff;
    width: unset !important;
}

.banner {
    min-height: 620px;
}




.sha {
    -webkit-background-size: contain;
    width: 100%;
    left: 0%;
    top: -25px;
    right: 0%;
    max-width: 324px !important;
    margin: auto;
}


header .header_contact_info div {
    margin: 0px 14px;
}

.banner-text h1 {
    font-size: 30px;
    font-weight: 300;
    margin: 0px;
    line-height: 40px;
    color: #000;
}

.banner ul#slider {
    margin: 0;
    padding: 0;
}
.welcome p, .majority p, .projects p, .majority li, .welcome li {
    color: #000;
    font-size: 1.0em;
    padding: 20px;
    line-height: 1.8em;
}

.welcome p, .majority p, .projects p, .majority li, .welcome li {
    padding: 20px 40px;
}
div#BannerAndNavigatorHtmlBlock_StoreNavigator_pnNavigator {
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
}

#location span.btn.btn-default {
    padding: 6px;
    margin-top: 34px;
    margin-left: 18px;
}

.majority {
    padding: 0em 0;
}

.welcome p, .majority p, .projects p, .majority li, .welcome li {
    padding: 20px 20px;
}
.welcome {
    padding: 15px 20px;
}

.welcome ul {
    padding-left: 50px !important;
}
.welcome p, .majority p, .projects p, .majority li, .welcome li {
    padding: 20px 20px 0px 0px;
}



/*---------contact-form---------------*/


.contact-bottom {
    flex-direction: column;
}

.contact-bottom input[type="text"] {
 
    font-size: 14px;
}

.contact-bottom-top textarea {
    font-size: 14px;
}
.contact {
    padding: 0em 0;
}
.contact {
    padding: 4em 0;
}

.in-contact.col-4 {
    margin: 8px 0px;
}

.contact-bottom-top {
    margin: 10px 0px;
}


.btn1 {
    margin: 10px;
    padding: 11px 50px;
}
.address {
    display: none;
}
.contact-bottom-top {
    margin: 10px 15px;
}

.btn-breadcrumb .btn:last-child {
    padding: 8px 28px 8px 25px;
}
.contact-form input[type="submit"] {
    margin-left: 15px;
}
.why {
    padding: 1em 0;
}
.btn-breadcrumb .btn:last-child {
    padding: 8px 27px 8px 32px;
    font-size: 13px;
    width: 90px;
}





.projects h1 {
    padding: 0px 23px;
}



/*----card-gallery-main-----*/
.playing_card_gallery ul {
    padding-left: 0;
    padding: 23px;
}
.playing_card_gallery li {
    text-align: left;
    display: unset;
    margin: unset;
}
.playing_card_gallery img.example-image.img-responsive {
    width: 100%;
}
.projects.playing_card_gallery li {
    display: unset;
    margin: unset;
    display: unset;
    text-align: center;
    padding-bottom: 30px !important;
}

/*---gallery-----*/
.projects li {
    display: inline-flex;
    margin: auto;
    display: block;
    text-align: center;
}

.lightboxOverlay img#img_popup {
    width: 360px;
}

p.custom_p {
    padding: 20px;
}

/*----footer----------*/
.soci {
    position: unset;
    left: unset;
    top: unset;
    transform: unset;
    margin: auto;
    text-align: center;
}
/*----quote----------*/

form#form1 {
    padding: 1px 20px 0px 20px;
}
#form1 label.control-label {
    width: 100%;
    line-height: 3;
}
.text-mr {
    margin: 17px 0px 17px 0px;
}

/*----------about----------*/

.about_info {
    display: block;
   
}

.col-md-4.about-left {
    width: 100%;
    max-width: 380px;
}

.testimonials_row {
    display: block;
}
.testimonials {
    padding: 20px;
}
.projects h1 {
    padding: 8px 8px;
    margin-top: 36px;
}
p.custom_p {
    padding: 0px 20px;
}
img.example-image.img-responsive {
    margin-top: 20px;
    margin-bottom: 20px;
}


}

}




