@media (max-width:1100px)
{
    .contact-form {padding-top: 2em;}
}
@media (max-width:992px)
{
    .out-slogan {top: 29em;}
    .brand-logo img {width: 50%;}
    .out-slogan p {font-size: 17px;}
    .out-slogan h3 {font-size: 15px;}
    .banner-text a img {width: 5%;margin-top: 5em;}
    .banner {min-height: 530px;}
    .services-block {margin-top: 2em;}
    .services-info p {line-height: 1.4em;}
    .services-info h3 {margin: 30px 0;font-size: 14px;}
    .address-blck p {font-size: 13px;}
    .contact-form input[type=submit] {margin-right: 1em;}
    .contact-form input[type=submit] {margin-right: 1.5em;margin-top: 0px;
    .cts-copywrite{margin-top: 5px;margin-bottom: 5px;}
    
}
@media (max-width: 768px)
{
     .foo-logo a img{width: 18%!important;margin: auto;display: table;}
     .foo-social{margin: auto;display: table;}
    .banner {min-height: 400px;}
    .out-slogan {top: 15em;left: 2em;}
    .banner-text {margin-top: 15em;}
    .nav-menu button {margin-right: 1em;}
    .head {padding-top: 20px;}
    .sidebar h3 {font-size: 0.9em;}
    .address-blck{margin: auto;display: table;}
    .left-add{margin-bottom: 10px;}
    .right-add{margin-top: 10px;}
    .cts-copywrite p {font-size: 14px;margin-bottom: 2px;}
    .contact-form input[type=text] {margin: 0 0px 10px 0px;width: 100%;}
    .contact-form input[type=email] {margin: 0 0px 23px 0px;width: 100%;}
    .contact-form textarea {margin: 0 0px 23px 0px;width: 100%;}
    .contact-form label {width: 100%;}
    .contact-form input[type=submit] {margin-right: 0em;margin-top: 0px;
                             
}
@media (max-width: 512px)
{
    .banner{min-height: 230px;height: 100px;}
    .banner-text {margin-top: 8em;}
    .out-slogan h3 {font-size: 12px;}
    .out-slogan p {font-size: 13px;color: #29323c;}
    .out-slogan {top: 9em;}
    .brand-logo img {width: 32%;}
    .nav-menu button span {font-size: 14px;}
    .sidebar h3 {padding: 15px}
    .sidebar ul a {font-size: 13px;padding: 8px;}
    .services-block h3 {font-size: 14px;}
    .services-block p {margin: 6px 0;font-size: 13px;}
    .services {margin-top: 1em;}
    .services-info h3 {margin: 0px 0;}
    .foo-logo img {width: 100px;margin: auto;display: table;}
    .foo-logo {width: 100%!important;}
    .foo-social ul {display: table;margin: auto;float: none;}
    .foo-social {width: 100%!important;}
    .brand-logo {width: 50%;}
    .nav-menu button {margin-right: 0px;margin-top: 0px;}
    .out-slogan {left: 1em;}
    .map-box {height: 280px;}
    
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

@media (max-width:400px)
{
    .foo-social{width: 80%;}
    .foo-logo{width: 80%;}
}