/* Media query */
@media screen and (min-width:1600px) and (max-width:1900px){
	
}
@media screen and (max-width:1600px) {
	
}
@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1200px) {	
	.header-top p {
        font-size: 18px;
    }

    button.btn {
        margin-top: 30px;
        font-size: 26px;
        padding: 8px 20px;
    }
    .why-use-sec p strong {
        font-size: 18px;
        line-height: normal;
    }
    .why-dtl h3 {
        font-size: 20px;
    }
    .latest-prd-sec .top-heading h2 {
        font-size: 36px;
    }

    .prd-card h3 {
        font-size: 20px;
        line-height: normal;
    }
    .feature-rgt-cnt h3 {
        color: #fff;
        text-align: center;
        font-size: 20px;
        margin: 26px 0px;
        line-height: normal !important;
    }
    p {
        font-size: 18px;
        font-weight: normal;
    }
    .feature-rgt-cnt img{
        width: 50%;
        margin: 0 auto;
    }

    .top-banner-content .owl-nav{
        display: none !important;
    }
    .top-banner-content h1 {
        font-size: 60px;
        line-height: 80px;
    }
    li.nav-item a {
        font-size: 26px;
        font-weight: normal;
        color: #000000;
    }
    .top-banner-content span {
        font-size: 30px;
    }
    .top-banner-content h1 {
        font-size: 48px;
        line-height: normal;
        margin-top: 10px;
    }
    .top-banner-content p {
        font-size: 18px;
        line-height: inherit;
    }

    .bnr-cnt {
        padding-left: 0px;
    }
    .header-top p {
        font-size: 16px;
        color: #ffff;
    }
  
 
    .top-banner-content p {
        font-size: 22px;
        line-height: 40px;
        font-weight: normal;
    }
    h2 {
        color: #000000;
        font-size: 30px;
        font-weight: 500;
        line-height: normal;
    }
    .who-we-are-sec p strong {
        font-size: 22px;
        line-height: normal;
    }
    .who-we-are-sec p {
        color: #454745;
        font-size: 18px;
        font-weight: normal;
    }
    span {
        font-size: 28px;
        font-weight: 500;
    }

    .top-heading span {
        font-size: 24px;
        color: #000000;
    }

    .feature-rgt-cnt h3 {
        color: #fff;
        text-align: center;
        margin-top: 26px;
        margin-bottom: 52px;
        line-height: 36px;
    }
    .address {
        padding-left: 10px;
    }
    li.nav-item a {
        font-size: 20px;
        font-weight: normal;
        color: #000000;
    }
    ul.navbar-nav li.nav-item {
        margin-right: 12px;
    }

    .top-banner-content p {
        font-size: 20px;
        line-height: 36px;
    } 
  
    .who-we-are-sec {
        margin-top: 30px;
    }
    .feature-sec {
        margin-top: 30px;
    }
    .prd-sec {
        margin-top: 30px;
    }
    .about-sec {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .latest-prd-sec {
        margin-top: 30px;
    }
    .why-choose-us-sec {
        margin-top: 30px;
    }
    .why-use-sec {
        margin-top: 30px;;
    }
    .contact-sec {
        margin-top: 0;
    }
    .ftr-social-icon ul li img {
        margin-right: 0;
    }
    .contact-sec.contact-us-page{padding-bottom: 30px;}
    .prd-sec .top-heading p {
        margin-bottom: 30px;
    }

}

@media screen and (max-width: 991px) {
	div#navbarNav .cmn-btn {
        margin-top: 10px;
    }
    ul.navbar-nav {
        margin-top: 18px;
    }

    button.btn {
        font-size: 20px;
        padding: 8px 15px;
    }
    .why-use-sec p strong {
        font-size: 16px;
        line-height: normal;
    }
    .prd-side-img{
        width: 50%;
    }
    .why-dtl h3 {
        font-size: 18px;
    }
    .latest-prd-sec .top-heading h2 {
        font-size: 26px;
    }
    .prd-card h3 {
        font-size: 18px;
    }
    .feature-rgt-cnt img {
        width: 40%;
        margin: 0 auto;
    }
    p {
        font-size: 16px;
        font-weight: normal;
    }
    .top-heading span {
        font-size: 20px;
        color: #000000;
    }
    h2 {
        font-size: 24px;
    }
    .who-we-are-sec p strong {
        font-size: 18px;
        line-height: normal;
    }
    .who-we-are-sec p {
        font-size: 16px;
    }

    .top-banner-content span {
        font-size: 20px;
    }
    .top-banner-content h1 {
        font-size: 36px;
        line-height: normal;
        margin-top: 10px;
    }
    .top-banner-content p {
        font-size: 16px;
        line-height: inherit;
    }
    li.nav-item a {
        font-size: 16px;
        padding: 4px 0px;
    }
    .cmn-btn a {
        font-size: 16px;
    }
    .address {
        border-left: 2px solid #fff;
        padding-left: 16px;
    }
    .header-top p {
        line-height:normal;
    }
    .social-icon ul li {
        display: inline-block;
        padding-left: 0;
        margin-top: 14px;
    }
    img.who-are-right-cnt {
        margin-top: 60px;
    }
    .feature-rgt-cnt {
        margin-top: 60px;
    }
    .about-sec {
        margin-top: 60px;
    }
    .about-right-cnt {
        margin-top: 60px;
    }
    .form-group {
        padding-top: 12px;
    }
    .contact-sec {
        padding: 60px 0;
    }
    .ftr-cnt-dtl {
        margin-top: 40px;
    }
    .ftr-social-icon {
        margin-top: 40px;
    }
    .footer-sec h3 {
        margin-bottom: 26px;
    }
    .sub-sec {
        justify-content: center;
    }
    .social-icon {
        text-align: center !important;
        float: none;
    }
    .social-icon ul li {
        display: inline-block;
        padding-left: 16px;
        margin-top: 0;
    }
    .who-we-are-sec {
        margin-top: 40px;
    }
    .left-conact-bx {
        background-color: #faf7f3;
        max-width: 100%;
        padding: 50px;
        margin-bottom: 30px;
    }
    section.contact-sec.contact-us-page {
        margin-top: 0;
    }
    nav.navbar.navbar-expand-lg .navbar-nav li.nav-item a {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    .navbar .cmn-btn {
        margin-left: initial;
        margin-top: 15px;
    }
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
    .sub-con-one .sub-con-one-de:first-child{display: none;}
    .address {
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }
    .sub-sec {
        justify-content: space-between;
    }
    .top-banner-content {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
    .banner-text {
        position: absolute;
        bottom: 0;
    }
    .bnr-cnt {
        min-height: 400px;
    }


}
@media screen and (max-width: 767px) {
    .ftr-social-icon ul li a img{
        width: 24px;
        height: 24px;
    }
    .about-left-img img {
        max-width: 100%;
        width: 100%;
    }
    img.who-are-right-cnt {
        width: 100%;
    }
    .why-choose-us-img img{width:100%;}
    .bnr-cnt {
        padding-top: 30px;
        padding-bottom: 30px;
    }

}
@media screen and (max-width: 639px) {
	.sub-con-one {
        display: inline-block;
    }
    .address {
        border-left: none;
        padding-left: 0px;
        margin-left: 0px;
    }

    .social-icon ul li {
        padding-left: 10px;
        margin-top: 0;
    }
    .who-we-are-sec {
        margin-top: 0;
    }
  
  
}
@media screen and (max-width: 575px) {	
    .header-top p {
        font-size: 14px;
    }

    .feature-rgt-cnt img {
        width: 24%;
        margin: 0 auto;
    }
    .social-icon ul{
        padding-left: 0px !important;
    }
    .social-icon ul li {
        padding-left: 0;
        margin-top: 0;
    }

    img.footer-logo {
        width: 28%;
    }
    .ftr-menu h3{
        font-size: 20px;
    }

    .ftr-menu ul li a {
        font-size: 18px;
    }
    .top-banner-content h1 {
        font-size: 24px;
    }
    .bnr-cnt {
        min-height: 300px;
    }
}
@media screen and (max-width: 479px) {
	.social-icon {
        float: none;
    }
    .social-icon ul {
        padding: 0;
    }
    .ftr-menu h3{
        font-size: 18px;
    }
    .ftr-menu ul li a {
        font-size: 16px;
    }

    .ftr-menu ul li a {
        font-size: 16px;
    }

    .latest-prd-sec .top-heading h2 {
        font-size: 20px;
    }
    p {
        font-size: 14px;
    }
    .top-heading span {
        font-size: 20px;
        color: #000000;
    }

    .top-banner-content span {
        font-size: 18px;
    }
    .top-banner-content h1 {
        font-size: 24px;
        line-height: normal;
        margin-top: 6px;
    }
    .top-banner-content p {
        font-size: 14px;
        line-height: inherit;
    }

    .cmn-btn a {
        font-size: 14px;
    }
    li.nav-item a {
        font-size: 14px;
    }

    .social-icon ul li a img {
        width: 20px;
        height: 20px;
    }
    .social-icon ul li {
        display: inline-block;
        margin-top: 8px;
    }
    .header-top p {
        line-height: normal;
        margin-bottom: 6px;
    }


    .sub-con-one-de {
        text-align: center;
    }
    .address p{
        margin-bottom: 0px;
    }


    .top-banner-content p {
        font-size: 18px;
        line-height: 32px;
    }
    .bnr-cnt .cmn-btn {
        margin-top: 36px;
    }

    .bnr-cnt {
        padding-top: 112px;
    }
    .who-we-are-sec {
        margin-top: 26px;
    }
    .feature-sec {
        margin-top: 66px;
    }
    img.who-are-right-cnt {
        margin-top: 38px;
    }
    .feature-sec {
        background: url(../images/feature-bg.jpg);
        background-size: cover;
        padding: 26px 0;
    }
    .prd-sec {
        margin-top: 46px;
    }
    .about-sec {
        margin-top: 46px;
    }
    .latest-prd-sec {
        margin-top: 66px;
    }
    .latest-prd-sec {
        margin-top: 120px;
        background: url(../images/latest-prd-bg.jpg);
        background-size: cover;
        padding: 26px 0;
    }
    .latest-prd-sec .top-heading h2 {
        font-size: 46px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 46px;
    }
    .latest-prd-sec .top-heading h2 span {

        font-weight: bold;
        color: #32B329;
    }
    .latest-prd-sec .cmn-btn {
        text-align: center;
        margin-top: -14px;
    }
    .why-choose-us-sec {
        margin-top: 56px;
    }
    .why-use-sec {
        margin-top: 36px;
    }
    .why-use-sec {
        margin-top: 120px;
        background: url(../images/why-use-bg.jpg);
        background-size: cover;
        padding: 36px 0;
    }
    .contact-sec {
        margin-top: 56px;
        padding: 46px 0;
    }
    .footer-sec {
        margin-top: 56px;
    }
    .footer-sec {
        margin-top: 66px;
        background: url(../images/footer-bg.jpg);
        background-size: cover;
        padding-top: 56px;
        padding-bottom: 8px;
        position: relative;
        z-index: 0;
    }
    .logo-cnt {
        margin-bottom: 46px;
    }
    h2 {
        font-size: 20px;
    }
    .who-we-are-sec p strong {
        font-size: 16px;
        line-height: normal;
    }
    .who-we-are-sec p {
        font-size: 14px;
    }
    .who-we-are-sec {
        margin-top: 16px;
    }
    .top-heading p {
        margin-top: 16px;
    }
    .prd-sec .top-heading p {
        margin-bottom: 26px;
    }
    .about-sec {
        margin-top: 16px;
    }
    .about-right-cnt {
        margin-top: 36px;
    }
    .latest-prd-sec {
        margin-top: 60px;
        padding: 16px 0;
    }
    .latest-prd-sec .top-heading h2 {
        margin-bottom: 36px;
    }
    .why-use-sec {
        margin-top: 36px;
        background: url(../images/why-use-bg.jpg);
        background-size: cover;
        padding: 26px 0;
    }
    .contact-sec {
        margin-top: 56px;
        padding: 36px 0;
    }
    .address {
        border-left: none;
        margin-left: 0;
        padding-left: 0;
    }
    .prd-card h3 {
        font-size: 16px;
    }
    .product-img img {
        width: 50% !important;
        margin: 0 auto;
    }

    .why-dtl h3 {
        font-size: 16px;
    }

    .prd-side-img{
        width: 70%;
    }

    img.dot-point {
        width: 16px;
        padding-right: 6px;
    }
        
    .why-use-sec p strong {
        font-size: 14px;
    }

    button.btn {
        font-size: 18px;
        padding: 8px 12px;
    }
    .top-banner-content h1 {
        font-size: 18px;
        margin-top: 0;
    }
    .header-top{    padding-top: 0;}
  
}
@media screen and (max-width:359px) {

    .ftr-social-icon {
        margin-top: 10px;
    }

    .bnr-cnt {
        padding-top: 86px !important;
        padding-bottom: 40px;
    }
    .footer-sec h3 {
        color: #fff;
        font-size: 16px;
    }
    .ftr-social-icon ul li a img{
        width: 24px;
        height: 24px;
    }
    .bnr-cnt .cmn-btn {
        margin-top: 15px;
    }

    .feature-rgt-cnt img {
        width: 30%;
        margin: 0 auto;
    }

    .latest-prd-sec .top-heading h2 {
        font-size: 18px;
    }
	
}