@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600');
/*-------------------------------------------------------------------------------------------
  CSS definations for AND
-------------------------------------------------------------------------------------------*/
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
         -o-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button,
a,
a:hover,
a:focus {
    outline:none;
    text-decoration:none;
    color:#000;
}
a:hover{
    text-decoration: none !important;
}

/* Common Tages */
label {
    padding-bottom: 6px;
    display: block;
    font-size: 13px;
    font-weight: 600;
}
.btn {
    
    padding: 6px 15px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    
    border-radius: 3px;
}
a.btn {
    color: #fff !important;
}
.btn-default {
    border: 1px solid #fff;
    background: #fff0;
    color: #666;
    font-weight: 600;
}
.btn-info{
   background: #ff5926;
   border-color: #ff5926;
}
.btn:hover, .btn:active,
.btn:focus {
    background: #000;
    border-color: #000;
    color: #fff;
    outline: 0;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125)none;
    box-shadow: none;
}
.btn-lg {
    padding: 10px 20px;
}
.form-control {
    border: 1px solid #ccc;
    background: #fff;
    padding: 6px 15px;
    height: auto;
    box-shadow: none;
    outline: none;
    border-radius: 0;
}
textarea.form-control {
    min-height: 120px;
}
.form-group {
    margin-bottom: 30px;
}

p {
    margin-bottom: 10px;
    margin-top: 5px;
}
.full-container {
    width: auto;
    padding: 0 30px;
}

/* page-heading */
.page-heading {
    padding: 30px 0;
    text-align: center;
}
.page-heading h1 {
    border-bottom: 2px solid #79322e;
    padding-bottom: 3px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.page-heading p {
    padding-bottom: 15px;
    line-height: 24px;
}

/* section-heading */
.section-heading {
    padding-bottom: 0px;
}
.section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4 {
    /* padding-bottom: 25px; */
    font-size: 2rem;
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0.67em 0;
}
.section-heading h1 span, .section-heading h2 span, .section-heading h3 span, .section-heading h4 span {
    border-bottom: 2px solid #79322e;
    display: inline-block;
    color: #000;
    font-weight: 700;
}
.section-heading p {
    padding-bottom: 15px;
    line-height: 24px;
}

/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    overflow-x: hidden;
}


/* main-container */
.main-container {
    padding: 64px 0 60px 0;
}

/* showcase */
.showcase {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.showcase .slides li {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 80vh;
    position: relative;
    overflow: hidden;
}
.showcase .slides li .imgb {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 9s;
    z-index: 1;
}
.showcase .slides li.flex-active-slide .imgb {
    transform: scale(1.1);
}
.showcase .slides li img {
    width: 100%;
    height: auto;
}
.showcase h3 {
/*   transition: none 0s ease 0s;
    text-align: left;
    line-height: 0px;
    border-width: 0px;
    margin: 0px 0px 15px;
    padding: 0px;
    letter-spacing: 0px;*/
    font-weight: 900;
    font-size: 12px;
}

.showcase p {
    text-align: left;
    /* line-height: 30px; */
    /* margin: 0px 0px 50px; */
    font-size: 16px;
    min-width: 600px;
    max-width: 600px;
    /* white-space: normal; */
    /* visibility: inherit; */
    /* transition: none 0s ease 0s; */
    line-height: 55px;
    /* border-width: 0px; */
    /* margin: 0px; */
    /* padding: 0px 0px 10px; */
    /* letter-spacing: 0px; */
    /* font-weight: 400; */
    font-size: 50px;
    /* min-height: 0px; */
    /* max-height: none; */
    font-family: 'Open Sans';
}
.showcase .caption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 99;
    top: 10%;
    text-align: left;
}
.showcase .caption .txtb {
    background: transparent;
    display: inline-block;
    padding:142px 20px 10px 0px;
    color: #fff;
}
.showcase .caption .imgb-right img{
    width: auto;
    height: 350px;
    margin: 0 auto;
    display: block;
}
.showcase .flex-prev,
.showcase .flex-next {
    background: rgba(0,0,0,0.8);
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 32px;
    color: #fff;
    line-height: 40px;
    position: absolute;
    top: 50%;
    z-index: 999;
}
.showcase .flex-prev {
    left: 30px;
}
.showcase .flex-next {
    right: 30px;
}

.showcase .flex-control-nav {
    float: left;
    position: absolute;
    bottom: 90px;
    z-index: 2;
    display: inline-block;
    display: none;
}
.showcase .flex-control-nav li {
    float: left;
    padding-left: 3px;
}
.showcase .flex-control-nav li a {
    background: rgba(0,0,0,0.8);
    width: 20px;
    height: 20px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}
.showcase .flex-control-nav li a.flex-active {
    background: rgba(121,50,46,0.8);
}


.about-content h2 {
    padding: 14px 15px 0px 5px;
    font-weight: 600;
    line-height: 1.4;
    font-size: 18px;
    color: #333;
}
.wd-image-text.style-3 .picture-div {
    padding: 0 20px 0 0;
}

.wd-image-text a {
    display: block;
    margin-bottom: 20px;
   /* padding: 0 35px;*/
}
.wd-image-text a {
    display: block;
    margin-bottom: 15px;
    padding: 0 0px;
}
.wd-image-text.style-3 .wd-title-element {
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}
.wd-image-text.style-3 .text-div p {
    margin-bottom: 22px;
    padding: 0;
    color: #999;
    font-size: 11px;
}
.wpb_wrapper {
    margin-left: 14px;
}

.about-content h4:after {
    content: " ";
    display: block;
    background-color: #106EAA;
    height: 1px;
    width: 40px;
    margin: 8px 0 0;
}
.about-content p {
    padding: 5px 15px 20px 5px;
    color: #999;
    font-size: 14px;
}

/* why-choose s/w development company */
.why-choose-sdc {
    padding: 40px 0px;
    border-top: 1px solid #ccc;
}
.why-choose-sdc .section-heading{
    text-align: center;
}
/* works */
.works .grid {
    margin: 0 -15px;
}
.works .grid__item,
.works .grid__col-sizer {
    width: 33.333%;
    float: left;
    padding: 15px;
}
.works .grid__item .column {
    position: relative;
    overflow: hidden;
}
.works .grid__item .imgb {
    border: 1px solid rgba(0,0,0,0.1);
    background: #fff;
    padding: 3px;
    transition: 0.4s;
}
.works .grid__item .imgb img {
    width: 100%;
    height: auto;
}
.works h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.works p {
    color: #fff;
}
.works .caption {
    border: 3px solid #efefef;
    border-top: none;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    width: 100%;
    height: 100%;
    padding: 90px 15px;
    color: #333;
    font-weight: 400;
    position: absolute;
    left: 0;
    text-align: center;
   
}
/* our-product */
.our-product {
    padding: 40px 0px;
    border-top: 1px solid #ccc;
}
.our-product .section-heading{
    text-align: center;
}
.our-product .grid {
    margin: 0 -15px;
}
.our-product .grid__item,
.our-product .grid__col-sizer {
    width: 33.333%;
    float: left;
    padding: 15px;
}
.our-product .grid__item .column {
    position: relative;
    overflow: hidden;
}
.our-product .grid__item .imgb {
    border: 1px solid rgba(0,0,0,0.1);
    background: #fff;
    padding: 3px;
    transition: 0.4s;
}
.our-product .grid__item .imgb img {
    width: 100%;
    height: auto;
}
.our-product h4 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}
.our-product p {
    color: #fff;
}
.our-product .caption {
    
    border-top: none;
    background: rgba(255, 255, 255, 0.6);
    
    width: 100%;
    height: 100%;
    padding: 15px;
    color: #333;
    font-weight: 400;
    position: relative;
    left: 0;
    text-align: center;
   
}
/*news & updates*/
section.news {
    padding: 60px 0;
}
.news-update img {
    width: 100%;
    min-height: 270px;
}
h2.news-heading {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #222;
    font-family: 'Open Sans';
}
.news-update h2 a {
    font-size: 20px;
    font-weight: 600;
    color: #333 !important;
    line-height: 28px;
}
.news-update h2 {
    margin-bottom: 10px;
    margin-top: 10px;
}
/*.news-update p {
    color: #777;
    padding-bottom: 20px;
    line-height: 1.714;
    font-size: 15px;
}*/
.news-update p {
    color: #fff;
    padding-bottom: 20px;
    line-height: 1.714;
    font-size: 16px;
    margin-right: 10px;
}
.readmore {
    font-size: 11px;
    /* padding: 0.625rem 1.25rem 0.6875rem 1.25rem; */
    background: transparent;
    color: #555 !important;
    border: 1px solid #cfcfd0;
    transition: .4s;
    text-transform: uppercase;
    border: 1px solid #cfcfd0;
    transition: .4s;
    text-transform: uppercase;
    /* padding-left: 13px; */
    /* padding-right: 20px; */
    padding: 10px 15px;
}
.readmore:hover {
    padding-left: 25px;
    padding-right: 25px;
    background-color: #106EAA;
    border-color: #106EAA;
    transition: 0.5s;
    color: #fff;
}
/**start client **/
h2.client-heading {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #222;
    margin-bottom: 50px;
}
.client-content {
    /* background: #106EAA; */
    padding: 4px;
    margin: 0 0 50px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: #f5f5f5 0px 3px 5px 6px, #f5f5f5 0px 0px 1px;
}
section.client-partners {
    padding-top: 60px;
}
/*OWL_CAROUSEL news with nbfc*/
.AwesomeArea {
    padding: 311px 0;
    background: url(../images/home/1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.AwesomeArea.bg-none {
    background-image: none;
}
.AwesomeArea .offerTitle {
    font-size: 40px;
    position: relative;
    font-weight: 600;
    text-align: left;
    color: #3b3b3b;
    margin-bottom: 70px;
}

#demos .item .quality {
    /* margin: 30px 10px; */
    /* border: 1px solid #e8e8e8; */
    /*  text-align: center;*/
    /* box-shadow: #f5f5f5 0px 3px 5px 2px, #f5f5f5 0px 0px 1px; */
    /*transition: all 0.5s ease-in-out;*/
    /* border-radius: 10px; */
    /* min-height: 350px; */
    /* transition: all 0.5s ease-in-out; */
}
/*#demos .item .quality:hover {
    transform: translateY(-20px);
}*/
.quality img{
  /*  border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    position: relative;
}
.slide-heading {
    width: 190px;
    text-align: center;
    position: relative;
    top: 32px;
    z-index: 999;
    right: 29px;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 0 6px 9px 0 rgb(0 0 0 / 20%);
    height: 56px;
    font-weight: bold;
    padding: 11px 0px;
}
.slide-heading h2 {
    font-size: 26px;
}
/*#demos .item .quality:hover{
    box-shadow: 0 5px 5px #ccc3c3;
    transform: translateY(-20px);
}*/
#demos .item .quality button{
    margin: 10px 0 30px;
    border-radius: 0px;
    background: #d2b20a;
    border: 1px solid #d2b20a;
    font-size: 17px;
    color: white;
    transition: all 0.5s ease-in-out;
}
#demos .item .quality button:hover{
    background: #fff;
    color: #d2b20a;
}
h3.quality-title {
    /* color: #444; */
    /* font-weight: 600; */
    /* text-align: left; */
    /* margin: 28px 0 28px 26px; */
    /* font-size: 22px; */
    padding-top: 6px;
    color: #fff;
    margin-bottom: 1.5rem;
    text-align: left;
    width: 100%;
    font-weight: bold;
    color: #E85624;
    line-height: 4.2rem;
    font-size: 4.2rem;
}
.contentarea a {
    margin: 28px 0 28px 26px;
    color: #fff;
    min-height: 232px;
    font-size: 24px;
    font-weight: 600;
}
.contentarea a:hover{
    color: #fff;
}
.contentarea {
    /* background: #9cbc5f; */
    /* margin-top: 30px; */
    /* padding-top: 10px; */
    /* border-bottom-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    /* min-height: 232px; */
}
.contentarea p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    border-left: 2px solid #E85624;
    padding-left: 12px;
    /* margin-top: 0px; */
    /* margin-bottom: 0; */
}
p.quality-description {
    color: #000000;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.3px;
    padding: 0 15px;
}
/*.quality img {
    width: 200px !important;
    margin: 0 auto;
    padding-top: 20px;
}*/
.owl-nav {
    position: absolute;
    top: 42%;
    right: 94px;
    bottom: 0;
    /* left: 0; */
    margin: 0 auto;
}
#demos .owl-prev {
    float: left;
}

#demos .owl-next {
    float: right;
}

#demos .owl-prev {
    width: 50px;
    height: 50px;
    /* background-color: #fff; */
    color: #fff;
    padding: 0;
    position: absolute;
    left: 4px;
    top: 50px;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
    border: 1px solid #fff;
    transition: all 0.4s ease-in-out;
    border-radius: 0;
}


#demos .owl-next {
    width: 50px;
    height: 50px;
    /* background-color: #fff; */
    color: #fff;
    padding: 0;
    position: absolute;
    right: -54px;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
    border: 1px solid #fff;
    transition: all 0.4s ease-in-out;
    border-radius: 0;
}

/*#demos .owl-prev:hover,
#demos .owl-next:hover{
    background-color: #9cbc5f;
    color:#fff;
    border: 4px solid #9cbc5f;
}*/
#demos .owl-prev i,
#demos .owl-next i{
    font-weight: 900;
}

p.mb01 {
    text-align: right;
}
/**start faq**/
.left-portion h2 {
    font-size: 14px;
    padding: 18px 0;
    background: #106eaa;
    width: 140px;
    color: #fff;
    position: relative;
    border-color: #106EAA;
    text-align: center;
}
.left-portion h2:after {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    position: absolute;
    /* width: 535px; */
    width: 41vw;
    border-bottom: 1px solid #106eaa;
}
.left-portion p {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Open Sans';
    line-height: 1.714;
    padding: 14px 20px;
}
/*.parent-container {
    padding: 0 20px 0 20px;
    max-width: 800px;
    width: 100%;
}*/
.faq {
    list-style: none;
   /* padding-left: 40px;
    padding-right: 20px;*/
}
.faq li {
 /*   border-bottom: 1px solid #999999;*/
    margin-bottom: 15px;
  /*  background: #106eaa;*/
}

/*@media screen and (max-width: 767px){}
.faq .question {
    font-size: 18px;
}
}*/
.faq .question {
    color: #fff;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    padding: 20px 20px;
    /*margin-left: 14px;*/
    background: #106eaa;
    transition: color 0.5s ease;
}
.faq .plus-minus-toggle {
    cursor: pointer;
    height: 0px;
    position: absolute;
    width: 21px;
    right: 15px;
    top: 50%;
    z-index: 2;
}
.faq .plus-minus-toggle.collapsed:before {
    transform: rotate(
180deg
);
}

.faq .plus-minus-toggle:before, .faq .plus-minus-toggle:after {
    background: #000;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21px;
    transition: transform 500ms ease;
}
.faq .plus-minus-toggle.collapsed:after {
    transform: rotate(
90deg
);
}
.faq .plus-minus-toggle:after {
    transform-origin: center;
}
.faq .plus-minus-toggle:before, .faq .plus-minus-toggle:after {
    background: #fff;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21px;
    transition: transform 500ms ease;
}
.faq .answer {
    color: #090909;
    font-family: serif;
    font-size: 16px;
    line-height: 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}
.faq li.active .answer {
    max-height: 120px !important;
    /* padding-bottom: 25px; */
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
    background: #fff;
    font-family: 'Open Sans';
    padding-top: 15px;
}
.faq li.active .answer.height-400 {
    max-height: 400px !important;
    margin-left: 20px;
}
.faq li.active .answer.height-800 {
    max-height: 830px !important;
    margin-left: 20px;
}
.answer.height-400 ul li {
    margin-left: 30px;
    margin-bottom: 6px;
    list-style: disc;
}
.faq .answer {
    color: #090909;
    font-family: serif;
    font-size: 16px;
    line-height: 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding-bottom 0.5s ease;
}

/**start counterarea**/
.counterarea{
    background: url(../images/progress-bars.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 70vh;
}
h2.news-heading.color-white {
    color: #fff;
    font-size: 2.3125rem;
    margin-bottom: 60px;
    margin-top: 60px;
}
/*.row.text-center.pt-50 {
    padding-top: 50px;
}*/
.counter {
   /* background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;*/
    text-align: center;
    color: #fff;
}
.counter i {
    font-size: 100px;
    color: #fff;
}
.count-title {
    margin-bottom: 0;
    text-align: center;
    font-size: 4em;
    font-weight: 400;
    padding-top: 12px;
   font-family: 'Open Sans', sans-serif;
}

.count-text {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 2.3125rem;
    line-height: 1.4;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}
/**end counterarea**/


/* Mobile Menu */
.mobile-menu {
    display: none;
}



/*/////////////////////////////////
  Responsive CSS
/////////////////////////////////*/
@media (min-width: 320px) and (max-width: 767px) {
.new-content h2 {
    font-size: 15px !important;
    padding-right: 10px !important;
}
.logo-client img {
    /* width: 100%; */
    margin-left: 0 !important;
}
ul.nav.nav-tabs.mb-30.pd-15 {
    padding-right: 15px !important;
}
li.nav-item.border-bg {
    border-bottom: 3px solid #EEE !important;
}
.nav-tabs {
    border-bottom: none !important;
}
.new-content.altech {
    top: 70px !important;
}
.new-content.vehicle {
    top: 88px !important;
}
.news-update p {
    font-size: 14px !important;
    margin-right: 12px !important;
}
.career-right .owl-nav{
    top: 110px !important;
}
.career-right #demos .owl-next {
    right: -88px !important;
}

.career-right #demos .owl-prev {
    left: -74px !important;
}
.career-right #demos .owl-prev {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}
.career-right #demos .owl-next {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}
.career-right .owl-carousel .owl-nav>div i {
    margin-left: 0px !important;
    margin-top: 2px !important;
    color: #fff !important;
}
.read-more.button a {
    margin-bottom: 20px !important;
}
.AwesomeArea {
    background-size: contain !important;
}
.corporate-office img {
    width: 100% !important;
    height: auto !important;
}
.col-sm-9.pl-0 {
    padding-left: 0 !important;
}
.col-sm-3.pl-0 {
    padding-left: 0 !important;
}
.logo-client h2 {
    margin-left: 10px !important;
}
.elements-content p {
    margin-top: 15px !important;
}
.sv-tab-panel #demos .owl-prev {
    left: -60px !important;
}
.sv-tab-panel #demos .owl-next {
    right: -56px !important;
}
.our-presence img {
    width: 100% !important;
    height: auto !important;
}

/*********************************/
.welcome-area {
    height: auto !important;
}
.owl-nav {
    position: absolute;
    top: unset !important;
    right: 94px !important;
    bottom: 68px !important;
}
#demos .owl-next {
    right: 14px !important;
    top: 50px !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 40px !important;

}
#demos .owl-prev{
    width: 44px !important;
    height: 44px !important;
    line-height: 40px !important;

}
h3.quality-title {
    font-size: 3.2rem !important;
}
.news-portion {
    margin-bottom: 20px !important;
}
.new-content.width-260 {
    width: 350px !important;
}
.news-portion {
    height: 450px !important;
}
.slide-heading {
    width: 100% !important;
    top: 0 !important;
    right: 0 !important;
    background-color:unset !important;
    color: #fff !important;
}
.Blog_Images i {
    margin-top: 7px !important;
    display: flex !important;
    text-align: center !important;
    margin: 0 auto !important;
    justify-content: center !important;
    margin-top: 13px !important;
}
.BlogList .Blog_Listest {
    display: block !important;
}
.col-sm-7.pd-0.skyblue:hover {
    background: #00bdf200 !important;
}
.col-sm-7.pd-0.orange:hover {
    background: #f5822000 !important;
}
.col-sm-7.pd-0.yellow:hover {
    background: #ffd40000 !important;
}
.col-sm-7.pd-0.yellet:hover {
    background: #00008c00 !important;
}

.hm-section-2 .hm-section-2-inner .hm-sec-2-lhs .hm-sec-2-lhs-innr .hm-sec-2-txt {
    width: 100% !important;
  /*  margin-top: 40px !important;*/
}
.hm-section-2 .hm-sec-2-rhs .hm-sec-2-rhs-innr .hm-sec-2-txt {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 30px !important;
}
.hm-section-2 .fp-tableCell .hm-section-2-inner {
    padding: 60px 0 !important;
}
.hm-sec-skw__half {
    position: absolute;
    top: 0;
    width: auto !important;
    height: 100% !important;
}
.SliderArea #myCarousel .item img {
    opacity: 0.9 !important;
    width: 100% !important;
    height: 450px !important;
}
.SliderArea .SlideContent {
    position: absolute;
    top: 0;
    right: 24px !important;
    bottom: 0;
    width: 86% !important;
    color: #fff;
    height: 230px !important;
    bottom: 60px !important;
    padding: 0 30px;
}



h2.what-we {
    text-align: center;
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
}
.brands-categories {
    margin: 0px 0 !important;
    padding: 70px 0 0;
}
.brands-categories-list {
    padding: 0px 0 70px !important;
}
.slider .caption .caption_title {
    font-size: 20px !important;
    line-height: 2rem !important;
    margin-bottom: 0 !important;
}
.slider .caption .caption_text {
    font-size: 22px !important;
}
a.banner-btn {
    width: 120px !important;
    height: 46px !important;
    line-height: 14px !important;
}
.home-slide img {
    height: 400px !important;
}
a.nav-link.radio-li {
    color: rgba(46, 46, 46, 0.2) !important;
}
.brands-categories .nav-tabs .nav-item {
    margin: 0 auto;
    border: none;
    border-right:none !important;
}
    .has-post-thumbnail .blog-info .date, .has-post-thumbnail .blog-info .comment-count {
    margin-top: 50px !important;
}
p.mb-30 {
    margin-bottom: 0 !important;
}
.blog-info.large-2.columns.height-750 {
    height: 322.875px !important;
}
.blog-info.large-2.columns.height-600 {
    height: 322.875px !important;
}
.blog-info.large-2.columns.height-700 {
    height: 322.875px !important;
}
.blog-info .arrow {
    display: none !important;
}
main.row.l-main {
    padding: 0 0 60px !important;
}
.wpb_text_column.wpb_content_element.vc_custom_1537014303166 {
    overflow-x: auto;
    overflow-y: hidden;
}
.table-flow {
    overflow-x: auto;
    overflow-y: hidden;
}
.BreadArea {
    z-index: 1;
}
#demos .item .quality {
    display: block;
    width: 100%;
}
.leader-img img {
    width: 100%;
}
.row.mg-0 {
    margin: 0;
}
.career-right img {
    width: 100%;
}
.vertical-tabs .nav.nav-tabs {
    float: none !important;
}
.elements img {
    width: 100% !important;
}
.our-presence img {
    width: 100% !important;
}
/*.corporate-office img {
    width: 100% !important;
}*/
.vertical-tabs .nav-tabs .nav-link {
    width: 100% !important;
}
.faq li.active .answer.height-400 {
    max-height: 696px !important;
}
.UserRight form button {
    margin-bottom: 20px;
}

.col-sm-10.col-xs-4.pd-0.position-static {
    padding-right: 15px;
}
.counterarea {
    height: auto;
    padding-bottom: 50px;
}
.counter {
    text-align: center;
    color: #fff;
    padding-bottom: 24px;
}
.news-update {
    margin-bottom: 0;
}
.privacy {
    float: none !important;
}
.privacy {
    float: right;
    padding: 0px 0px 15px !important;
}
/*.main-footer .footer-bottom .copyright {
    padding: 20px 0px 0px !important;
}*/
.owl-carousel .owl-nav>div i {
    margin-left: 0 !important;
    margin-top: 4px !important;
    color: #fff !important;
}
.sv-tab-panel #demos .owl-prev:hover, .sv-tab-panel #demos .owl-next:hover{
    background-color: #616161 !important;
/*    color: #616161;*/
}
.sv-tab-panel .owl-nav {
    position: absolute;
    top: 166px !important;
    right: 67px !important;
    left: 67px !important;
}
.logo-client img {
    width: 100%;
}
.allumium.height-0 {
    height: auto !important;
}
.quality img {
    width: 100%;
    /* margin: 0 auto; */
}
/*.container,
.full-container {
    padding: 0 15px;
}
*/
.position-static {
    position: static;
}

.section-heading h3 {
    font-size: 24px;
    line-height: 35px;
}   

.page-heading {
    text-align: left;
    padding: 15px 0;
}
.page-heading p {
    text-align: justify;
}

/* header */
.header {
    background: #fff;
}

/* logo */
.header .logo {
    margin-left: 6px;
}

/* mobile-menu */
.mobile-menu {
    display: block;
    float: right;
    margin-top: 30px;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
}
ul.dropdown-menu li {
    /* line-height: 4px !important; */
    padding: 0px 0 !important;
}
/*.primary-color_color, a, a:focus, a.active, a:active, a:hover, section.corporate .menu-item a i, .box-container:hover .box-title, .blog-posts i, .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb, div.boxes.small.layout-3 .box-icon i {
    color: #fff !important;
}*/
.quality img{
    width: 100% !important;
/*    height: 145px;*/
}
.about-content{
    margin-bottom: 20px;
    min-height: auto;
}
.wpb_wrapper {
    /* margin-left: 22px; */
    display: block !important;
    /* width: 201px; */
}
.wd-image-text.text-left.style-3 {
    width: 100% !important;
    margin-bottom: 20px;
    height: 100px;
}
.col-sm-12.pd-0 {
    padding: 0 15px 0 0 !important;
}
.wd-image-text.style-3 .wd-title-element {
    color: #000;
}
.serv-sec .wrapper {
    margin-top: 0px !important;
}
.serv-sec .wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}
h3.part {
    margin-bottom: 50px !important;
}
h3.parameters {
    margin-bottom: 16px !important;
    margin-top: 20px !important;
    font-weight: 600 !important;
    font-size: 22px !important;
}
section.wrapper {
    padding: 60px 0 20px !important;
}
section.serv-sec h3.offerTitle {
    margin-bottom: 40px !important;
}
.serv-sec {
    padding: 0px 0 20px !important;
}
section.Business-services-margin h2 {
    margin-bottom: 40px !important;
}
/* navigation */
.navigation {
    background: #333;
    width: 100%;
    float: left;
    padding: 15px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
    display: none;
    margin: 0;
}
.navigation li a {
    color: #fff !important;
}
.navigation {
  /*  float: left;*/
    margin-left: 0 !important;
}
.navigation li a {
    line-height: 38px !important;
}
.navigation li {
    float: none !important;
    position: relative;
    /* color: red; */
}
.navigation li {
    border: none;
    border-bottom: none;
    float: none;
}
.navigation li a {
    display: block;
    line-height: 36px;
    color: #fff;
}
/*.navigation ul ul {
    background: #fff !important;
    min-width: 100% !important;
}*/
.navigation .arrow {
    border-left: none;
}
ul.sub-menu li a {
    color: #333333 !important;
}
.navigation li.social-icons {
    border-right: none;
    border-left: 1px solid #333;
    width: 33.3333%;
    float: left;
    padding-top: 15px;
    text-align: center;
}
.navigation li.social-icons a {
    background: #fff;
    color: #79322e;
}
.navigation li:hover ul {
    display: none;
}
.navigation li:hover .arrow {
   /* border-left: 1px solid #333;*/
    color: #fff;
}
.AwesomeArea {
    height:auto !important;
    
}
/*.main-footer .footer-bottom .copyright {
    float: none !important;
    text-align: center !important;
}*/
.navigation li:last-child a{
    line-height: 60px !important;
}
.header.fixed .navigation li:last-child a{
    line-height: 60px !important;
}
.navigation ul ul {
    background: #44778f;
    position: static;
 /*   overflow: hidden;*/
}
/*.navigation li:hover li a {
    background: #44778f;
    color: #fff;
}*/
.navigation li li {
    border-top: 1px solid #fff;
}
.navigation li a {
    display: block;
    padding: 0 10px;
}
.header.fixed .navigation li a {
    line-height: 37px;
}
/*sub-sub-menu*/
/*.navigation li li li:hover ul {
    display: none;
}*/
.navigation li li ul.sub-sub-menu li:hover .arrow {
    border-left: 1px solid #333;
    color: #333;
}
.navigation ul ul ul.sub-sub-menu {
    background: #44778f;
    position: static;
    border:none;
    display: none;
    
}
/*.navigation li:hover li a {
    background: #44778f;
    color: #fff;
}*/
.navigation li li .sub-sub-menu li:first-child {
   border-top: 1px solid #fff;
}
.navigation li li ul.sub-sub-menu li{
    border-top: 1px solid #fff;
    border-left: 0;
    border-right: 0;
}
.navigation li li li a {
    display: block;
    padding: 0 10px;
}
.navigation li li .sub-sub-menu li a{
    color:  #070c1f;
}
.navigation li li a.arrows:after {
    display: none;
}
.navigation li:hover ul.sub-sub-menu li a {
  /*  background: #44778f;*/
    color: #0b0101;
}
.navigation li li:hover ul.sub-sub-menu {
   display: none;
}
/*search box*/
.search {
    float: right;
     padding: 0; 
    margin: -30px 15px;
}
.search a.btn {
    margin-right: 30px;
}
.search a.btn .fa.fa-search{
    border: none;
}
.header.fixed .search {
    padding: 0;
}
/* showcase */
.showcase {
    margin-top:0px;
}
.showcase .slides li {
    height: unset;
}
.showcase .caption {
    padding: 0;
    position: absolute;
    top: 0%;
}

.showcase .slides li img {
    width: auto;
     height: unset; 
}
.showcase .caption .imgb-right img {
    width: auto;
    height: 200px;
    margin: 0 auto;
    display: block;
}
/*.showcase .caption .txtb {
    background: #79322e;
    display: block;
    padding: 15px;
    font-size: 14px;
    margin: 0 -15px;
}*/
.showcase h3 {
    font-size: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.showcase p {
    line-height: 32px;
    margin: 12px 0px 20px;
    font-size: 22px;
    min-width: 100%;
    max-width: 100%;
}
.showcase .caption .txtb {
    padding: 204px 0 10px 0px;
    color: #fff;
}
.showcase .flex-direction-nav,
.showcase .slides li .imgb {
    display: none;
}
.showcase .flex-control-nav {
    left: 10px;
    bottom: 89px;
}
.showcase .flex-control-nav li {
    padding-left: 5px;
}

.work-showcase,
.work-showcase ul.slides,
.work-showcase .caption {
    width: 100%;
    float: left;
}
.work-showcase .flex-control-nav {
    bottom: 70px;
}
/*our Project*/
.our-projects .section-heading{
    position: relative;
    top: 0;
    left: 0;
    transform: none;

}
/*our- services*/
.our-projects a {
    margin: 0px 0px;
    margin-bottom: 20px;
}
/*testimonial*/
.testimonial .inner-box {
    position: relative;
    padding: 10px 5px 40px;
}

/* home-about */
.home-about {
    padding: 40px 0;
}
.home-about .section-heading h3 {
    padding-bottom: 0;
}
.home-about p {
    padding-bottom: 20px;
    line-height: 24px;
}
/*contact now*/
.call-to-action-section a{
    float: left;
}
/*client*/
.our-clients li .imgb img{
    filter: unset;
}
.our-clients .owl-carousel .owl-nav .owl-prev{
    left: -15px;
}
.our-clients .owl-carousel .owl-nav .owl-next{
   right: -15px; 
}
.our-clients .owl-dots {
    display: none;
}

/*inner-banner*/
.page-banner.overview {
    background-size: cover;
    background-attachment: fixed;
    height: 95px;
}
.page-heading a {
    float: left;
}
.contact-details {
    padding: 10px;
    margin-top: 30px;
}
/*Get in Touch*/
.get-in-touch{
    top: unset;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none;

}
.get-in-touch .entypo-facebook {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 10px;
    font-size: 18px;
    border-top: 2px solid #fff;
}
.get-in-touch i{
    transform: none;
}
.popup-content-form {
    top: unset;
    right: 0;
    width: 100%;
    bottom: 47px;
}




/* our-clients */
.our-clients ul {
    margin: 0;
}
.our-clients li {
    width: 100%;
    padding: 15px 0;
}

/* contact */
.contact {
    padding-top: 0;
}
.contact .info {
    background: #f1f1f1;
    padding: 30px 15px 20px 15px;
    margin: -5px -15px 30px -15px;
}
.contact .info .section-heading h3 {
    padding: 0px;
}
/*comman section padding*/
.home-about, .why-choose-sdc, .our-services, .our-product, .our-projects, .testimonial, .our-clients {
    padding: 20px 0px;
}
/* works */

.our-product .grid__item, .our-services .grid__item, .our-projects .grid__item, .works .grid__item,
.works .grid__col-sizer {
    width: 100%;
    float: left;
    padding: 5px 10px;
}
.works .caption {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=1);
    filter: alpha(opacity=1);
}
.work-nav button {
    background: #f1f1f1;
    border: none;
    width: 100%;
    display: block;
    margin: 2px 0;
    padding: 10px 15px;
    text-align: left;
}
.work-detail .work-link {
    display: none;
}
.carousel-slide .flex-prev,
.work-detail .flex-prev {
    left: 0;
}
.carousel-slide .flex-next,
.work-detail .flex-next {
    right: 0;
}
/*Works Details slider bottom*/
.work-detail .slider {
    margin-bottom: 0;
}
.about-slider .slider {
    margin-bottom: 0px;
}
/* work-flow */

.work-flow-box {

    background: none;

    border: none;

    width: auto;

    height: auto;

    border-radius: 0;

}

.work-flow-box .column {

    max-width: inherit;

    width: 100%;

    float: left;

    text-align: left !important;

    min-width: inherit;

    position: relative;

    left: 0 !important;

    top: 0 !important;

    right: initial !important;

    bottom: initial !important;

    -webkit-transform: none !important;

    -moz-transform: none !important;

    -ms-transform: none !important;

    -o-transform: none !important;

    transform: none !important;

}

.work-flow-box .column .icon {

    width: 70px;

    height: 70px;

    border: none;

    right: initial !important;

    left: 0 !important;

}

.work-flow-box .column h4,

.work-flow-box .column p {

    margin-left: 85px;

}


}



img.attachment-manufacturing_blog-thumb.size-manufacturing_blog-thumb.wp-post-image {
    width: 100%;
}

@media (min-width: 376px) and (max-width: 767px) {
97
.AwesomeArea {
    padding: 90px 0 !important;
    background-size: contain !important;
}
.categoriesArea ul li {
     float: left; 
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    /* border: 1px solid; */
    /* padding: 10px; */
}

.our-clients li {
    width: 50%;
    padding: 10px 5px;
}
#block-homepageaccordian .acc-container .acc-card .field.field--name-field-title, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title2, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title3, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title4 {
    font-size: 20px !important;
}
}

@media(max-width: 375px) {
.corporate-office img {
    width: 100% !important;
    height: auto !important;
}
.elements-content p {
    margin-top: 10px !important;
}
.col-sm-3.pl-0 {
    padding-left: 0 !important;
}
.col-sm-9.pl-0 {
    padding-left: 0 !important;
}
p.aluminum-alloy {
    margin-bottom: 14px !important;
}
.logo-client h2 {
    margin-left: 10px !important;
}
    .AwesomeArea {
    padding: 90px 0 !important;
    background-size: contain !important;
}
.categoriesArea ul li {
     float: left; 
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    /* border: 1px solid; */
    /* padding: 10px; */
}

.our-clients li {
    width: 50%;
    padding: 10px 5px;
}
#block-homepageaccordian .acc-container .acc-card .field.field--name-field-title, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title2, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title3, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title4 {
    font-size: 20px !important;
}
}
@media(max-width: 375px) {
    .AwesomeArea {
    padding: 90px 0 !important;
    background-size: contain !important;
}
.categoriesArea ul li {
     float: left; 
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    /* border: 1px solid; */
    /* padding: 10px; */
}

.our-clients li {
    width: 50%;
    padding: 10px 5px;
}
#block-homepageaccordian .acc-container .acc-card .field.field--name-field-title, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title2, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title3, #block-homepageaccordian .acc-container .acc-card .field.field--name-field-title4 {
    font-size: 18px !important;
}
.new-content.width-260 {
    width: 330px !important;
}

.new-content {
    width: 330px !important;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

.container,
.full-container {
    padding: 0 15px;
}

.navigation {
    margin: 0;
}
.navigation li a {
    padding: 0 5px;
    font-size: 13px;
}


.works .grid {
    margin: 0;
}
.works .caption {
    padding: 20px 15px;
}
.works .grid__item,
.works .grid__col-sizer {
    width: 33.333%;
}

.about-content h3 {
    font-size: 20px;
    line-height: 32px;
}
/*Our Services*/
.our-services .grid__item .column {
    height: 390px;
}
/*our Projects*/
.our-projects .section-heading {
    /* text-align: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}
/*inner-page*/
.page-banner.overview {
    background-size: cover;
    /* background-attachment: fixed; */
    height: 130px;
}
.contact-details {
    margin-top: 30px;
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

.container,
.full-container {
    padding: 0 15px;
}
/*Works Details slider bottom*/
.work-detail .slider {
    margin-bottom: 80px;
}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1650px) and (max-width: 1920px) {

body {
    font-size: 16px;
}
.container {
    width: 1450px;
}
/*showcase*/
.showcase .caption {
    top: 22%;
}
/*top bar*/
.top-bar {
    font-size: 13px;
}
/*navigation*/
.navigation li a {
    display: block;
    padding: 0 30px;
}
.navigation li li a {
    font-size: 15px;
    line-height: 40px;
}
/*Inner banner*/
.page-banner.overview {
    height: 205px;
}
.page-heading {
    padding: 50px 0;
    text-align: left;
}
.page-heading span{
    font-size: 16px;
}
.list-style-one li {
    margin-bottom: 7px;
    color: #2d2b2b;
     font-size: 16px; 
}
/*our Projects*/
.our-projects .section-heading {
    /* text-align: center; */
    position: absolute;
    top: 175%;
    left: 50%;
    transform: translate(-50%, 175%);
}
.our-projects a{
    margin: 0px;
}
/*testimonial*/
#quote-carousel .carousel-control.left {
    left: -100px;
    }
#quote-carousel .carousel-control.right {
    right: -100px;
    }

}