*
{
    margin: 0px;
    padding: 0px;
}

/* font face rule */
@font-face {
    font-family: Lato-Bold;
    src: url(../fonts/Lato-Bold.ttf);
  }
  @font-face {
    font-family: Lato-Regular;
    src: url(../fonts/Lato-Regular.ttf);
  }
  @font-face {
    font-family: Lato-Black;
    src: url(../fonts/Lato-Black.ttf);
  }
  @font-face {
    font-family: Segoe UI;
    src: url(../fonts/Segoe_UI.ttf);
  }
  @font-face {
    font-family: Segoe_UI_Bold;
    src: url(../fonts/Segoe_UI_Bold.ttf);
  } 
  @font-face {
    font-family: RobotoCondensed-Bold;
    src: url(../fonts/RobotoCondensed-Bold.ttf);
  }
  @font-face {
    font-family: RobotoCondensed-Regular;
    src: url(../fonts/RobotoCondensed-Regular.ttf);
  }
  @font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
  }
  @font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf);
  }
/* font face rule  Over*/

/* custom css */
.text-yellow {color:#FFE600 !important;}
.bg-yellow {background-color:#FFE600 !important;}
.bg-dark-yellow{background-color: #ECD60B !important;}
/* custom css Over*/

/* ========================INDEX PAGE ============================= */
/* ============== header ======================*/
  /* navbar */
  .header-icon-wrp{position: relative;}
  .navbar-brand{display: none;color: #FFE600;font-family: Lato-Bold;}
  .header-icon{
        position: absolute;
        left: 2%;
        top: 2%;
        /* max-height: 400px;
        height: 400px; */
        max-height: 370px;
        height: 370px;
        width: auto;
        z-index: 10;
  }
  .header-bar{background-color: #FFE600;padding-top: 10px; padding-bottom: 10px;}
  .logo-text
  {
      background-position: left center;
      background-repeat: no-repeat;
      background-size: contain;
      /* height: 155px; */
      height: 140px;
      width: 100%;
  }
  .phone-number-wrp{text-align: center;margin-top: -20px;}
  .phone-number-wrp a{font-family: Lato-Bold;color:#000000;font-size: 55px;}

  .navbar{background-color: #E5BA0E;padding: 15px 0;position: relative;}

  #Navbar .nav-item .nav-link
  {
        font-family: Lato-Bold;
        color: #090202;
        font-size: 17px;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 10px 15px;
  }
  #Navbar .nav-item .nav-link:hover
  {
      text-decoration: none;
      color: #fff;
      -webkit-transition: ease 0.4s;
      -moz-transition: ease 0.4s;
      -o-transition: ease 0.4s;
      transition: ease 0.4s;
  }
  #Navbar .nav-item .nav-link.active{color:#fff;}

  /* header dropdown */
  .header-link-drpdown .dropdown-menu{background-color: #000;}
  .header-link-drpdown .dropdown-menu a
    {
      color: #fff;
      font-family: Lato-Bold;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 14px;
      text-align: center;
    }
    .header-link-drpdown:hover .dropdown-menu
    {
        -webkit-transition: ease 0.4s;
        -moz-transition: ease 0.4s;
        -o-transition: ease 0.4s;
        transition: ease 0.4s;
    }
  .header-link-drpdown .dropdown-menu a:hover{color: #E5BA0D;background-color:transparent;}
  /* header dropdown Over*/
  .header-upload-plan-wrp{display: flex; justify-content: center;}
  .header-upload-plan-image
  {
        background-image: url(../images/header-upload-image1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /* height: 160px; */
        height: 150px;
        width: 100%;
        /* margin-top: -120px; */
        margin-top: -110px;
        border-radius: 15px;
        -moz-box-shadow: 1px 2px 7px 3px rgba(0,0,0,0.7);
        -webkit-box-shadow: 1px 2px 7px 3px rgba(0,0,0,0.7);
        box-shadow: 1px 2px 7px 3px rgba(0,0,0,0.7);
        position: relative;
    }   
    .header-round-hand
    {
        position: absolute;
        bottom: 8%;
        right: 3%;
        height: 70px;
        width: auto;
    }
  .header-upload-plan-image p
  {
    font-family: Lato-Bold;
    color: #000000;
    /* font-size: 37px; */
    font-size: 31px;
    text-transform: uppercase;
    font-weight: 900;
    padding-left: 25px;
    line-height: 1.3;
    padding-top: 15px;
  }
  .header-repeat-img-wrp
  {
    background-image: url(../images/pattern.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    height: 50px;
    width: 101%;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  .navbar-toggler{border:0;}
  .navbar-toggler:focus{outline:0;}
  /* navbar Over*/
  
  .header_mobile_upload_plan_div
  {
    background-image: url("../images/header-upload-image1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: auto;
    padding: 10px 0px;
    display: none;
  }
  .header_mobile_upload_plan_div h1{
    font-family: Segoe UI;
    font-size: 20px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 15px;
  }
    .square-hand{float: left;}
    .header_mobile_upload_plan_div a{
        font-family: Lato-Bold;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        color: #000000;
        padding: 10px 20px;
        background-color: #F7941D;
        -moz-box-shadow: 1px 2px 7px 3px rgba(0,0,0,0.7);
        -webkit-box-shadow: 1px 2px 7px 3px rgba(0,0,0,0.7);
        box-shadow: 1px 2px 7px 3px rgba(0,0,0,0.7);
    }
    .header_mobile_upload_plan_div a:hover{text-decoration: none;}
    .header_mobile_upload_plan_div a:focus{text-decoration: none;}

    /* header video */
    .embed-container {
  
        position: relative;
        padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
        overflow: hidden;
        max-width: 100%;
        background: black;
        position: relative;
         --video--width: 1920;
        --video--height: 700;
      }
  
      .embed-container iframe,
      .embed-container object,
      .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;    
      }
      /* header video Over*/
/* ============== header Over==============*/

/* =============================  Header_2 ================================*/
.logo-image-black
{
    background-image: url("../images/logo-big-black.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 230px;
    width: auto;
}

.header-2-header-bar{background-color: #F9E505;}
#Header_2 .header-2-header-bar a
{
    font-family: Lato-Bold;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 0px;
    padding-top: 15px;
    color: #000000;
    line-height: 2;
}
#Header_2 .header-2-header-bar a:hover
{
    text-decoration: none;
     color: #fff;
     -webkit-transition: ease 0.4s;
     -moz-transition: ease 0.4s;
     -o-transition: ease 0.4s;
     transition: ease 0.4s;
}
#Navbar_2 .nav-link 
{
    font-family: Lato-Bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #090202;
}
#Navbar_2 .nav-link.active{color: #fff;}
#Navbar_2 .nav-link:hover
{
    text-decoration: none;
    color: #fff;
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    transition: ease 0.4s;
}
.header-steel-calculator{background-color: #313D4C;padding: 15px 0px;padding-top: 30px;}
.header-steel-calculator h1
{
    font-family: Lato-Black;
    color: #FFFFFF;
    font-size: 20px;
    text-transform: uppercase;
}
.header-steel-calculator p
{
    font-family: Lato-Regular;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 0px;
}
.header-steel-calculator a
{
    font-family: Lato-Bold;
    font-size: 15px;
    color: #010101;
    padding: 15px 25px;
    background-color: #F9B707;
    border: 1px solid #707070;
}
.header-steel-calculator a:hover
{
    background-color: #fff;
    text-decoration: none;
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    transition: ease 0.4s;
}
/* =============================  Header_2 Over================================*/

/* =================header slider ===================*/  
.header-slider-image
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70vh;
    width: 100%;
    position: relative;
}

.header-slider .slick-next {right: 3%;z-index: 1;}
.header-slider .slick-next:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-size: 40px;
    font-weight: 900;
    display: inline-block;
    color: #FFE600;
    background: rgba(242, 247, 249,0.6);
    padding: 30px 15px;
    text-align: center;
}

.header-slider .slick-prev {left: 1%;z-index: 1;}
.header-slider .slick-prev:before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-size: 40px;
    font-weight: 900;
    display: inline-block;
    color: #FFE600;
    background: rgba(242, 247, 249,0.6);
    padding: 30px 15px;
    text-align: center;
}

.header-slider .slick-dots{bottom: 15px;}

.header-slider-wrp{position: relative;height: 100%;width: 100%;}
.header-slider-mobile-section
{
    color: #FFE600;
    font-family: Lato-Bold;
    text-align: center;
    text-transform: uppercase;
    background-color: #000;
    z-index: 1;
    padding: 10px 10px;
    font-size: 24px;
    position: absolute;
    bottom: 1%;
    width: 100%;
    display: none;
}
/* =================header slider Over===================*/  


/* ============= section-2-slider-wrp  ===================*/
/* .section-2-slider-wrp{background-color: #000000; padding: 20px 0px;} */
.section-2-slider-wrp{background-color: #000000;padding: 10px 0px;padding-bottom: 30px;}

.section-2-slider-wrp a:hover{text-decoration: none;color: #D7A212;}
.section-2-slider-heading-orange
{
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: Lato-Bold;
    font-size: 19px;
    text-align: center;
    width: 100%;
    padding: 15px 0px;
    margin-bottom: 15px;
    position: relative;
}
.section-2-slider-heading-orange::before
{
    position: absolute;
    content: '';
    height: 2px;
    width: 50%;
    background-color: #F9E505;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
}

.section-2-slider-heading-orange:hover
{
    color: #F9E505;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.section-2-slider-heading-yellow
{
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: Lato-Bold;
    font-size: 19px;
    text-align: center;
    width: 100%;
    padding: 15px 0px;
    margin-bottom: 15px;
    position: relative;
}
.section-2-slider-heading-yellow::before
{
    position: absolute;
    content: '';
    height: 2px;
    width: 50%;
    background-color: #F9E505;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
}
.section-2-slider-heading-yellow:hover
{
    color: #F9E505;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.section-2-slider-image
{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* height: 220px; */
    height: 250px;
    width: auto;
    background-color: #fff;
}

.section-2-slider .slick-slider{margin:20px;}
.section-2-slider .slick-slider:focus{outline: 0;}
.section-2-slider .slick-slide:focus{outline: 0;}
.section-2-slider .slick-dots li button:before{font-size: 15px;opacity: .50;}
.section-2-slider .slick-dots li.slick-active button:before{opacity: 1;}


.section-2-slider-bottom-sec-desktop
{
    background-color: #fff;
    text-align: center;
    font-family: Segoe_UI_Bold;
    color: #000;
    font-size: 28px;
    padding: 20px 0px;
}
.section-2-slider-bottom-sec-mobile
{
    background-color: #0B0A00;
    text-align: center;
    font-family: Segoe_UI_Bold;
    color: #FFE600;
    font-size: 28px;
    padding: 20px 0px;
    display: none;
    margin: 20px auto;
}
/* ============= section-2-slider-wrp Over ===================*/


/* ============= section-3  =======================*/
.index-section-3{background-color: #F1F1F1;padding:50px 0px;}
.index-section-3-text h1
{
    color: #000000;
    font-family: Lato-Bold;
    font-size: 30px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.index-section-3-text p
{
    font-family: Lato-Regular;
    color: #000000;
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
}
.index-section-3-image
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
}
/* ============= section-3 Over =======================*/

/* =========== index-section-4  ================ */
.index-section-4{background-color: #fff;margin-top: 70px;margin-bottom: 100px;}
.index-section-4-image
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
}
.index-section-4-text h1
{
    color: #000000;
    font-family: Lato-Bold;
    font-size: 30px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.index-section-4-text p
{
    font-family: Lato-Regular;
    color: #000000;
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
}
/* =========== index-section-4 Over ================ */

/* ========= get-quote-section  ================*/
.get-quote-section 
{
    /* background-color: #FFE600;
    padding: 25px 0px;
    padding-bottom: 10px;
    margin-bottom: 50px; */
    background-color: #FFE600;
    padding: 25px 0px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.get-quote-section h2
{
    color: #000000;
    font-family: Lato-Black;
    font-size: 30px;
    text-align: left;
}
.get-quote-section p
{
    color: #000000;
    font-family: Lato-Regular;
    font-size: 15px;
    text-align: left;
    margin-bottom: 0px;
}
.get-quote-section a
{
    background-color: #F77E0B;
    font-family: Lato-Bold;
    font-size: 20px;
    text-align: center;
    padding: 20px 40px;
    color: #000000;
}
.get-quote-section a:hover{
    text-decoration: none;
    color: #F77E0B;
    background-color: #000000;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
/* ========= get-quote-section Over ================*/

/* ============== footer =======================*/
footer{background-color: #080202;padding: 5px 0px;padding-bottom: 0px;}
.footer-2-bg-color{background-color: #313D4C;}
.footer-2-bg-color .footer-logo-h{color: #F9B707;}
.footer-content a:hover{text-decoration: none;}
.footer-repeat-img-wrp
{
    background-image: url(../images/pattern.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    height: 50px;
    width: 100%;
    margin: 0 auto;
}
.footer-content{padding: 50px 0px;}
.footer-logo-h
{
    font-family: Lato-Black;
    color: #FFE600;
    font-size: 30px;
    text-align: left;
    line-height: 1.2;
}
.footer-p{font-family: Lato-Regular;color: #B3B7D1;font-size: 14px;}
.footer-links .footer-p:hover
{
    color: #F9B707;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.footer-p .active{color: #F9B707;}
.footer-h
{
    font-family: Lato-Bold;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-top: 15px;
}
.footer-links a{font-family: Lato-Regular;color: #B3B7D1;font-size: 14px;}
.footer-links .active{color: #F9B707;}
.footer-working-hour-wrp{padding: 0px;}

.footer-content input
{
    background-color: #343434;
    font-family: Lato-Bold;
    color: #fff;
    font-size: 17px;
    display: block;
    width: 100%;
    border: 1px solid #343434;
    padding: 10px;
}
.footer-content input:focus{outline: 0;background-color: #000;}
.footer-content input:hover
{
    background-color: #000;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}
.footer-p-margin-top{margin-top: 43px;}
.footer-contact-us a
{
    font-family: Lato-Regular;
    color: #B3B7D1;
    font-size: 14px;
}
.footer-contact-us a:hover
{
    color: #F9B707;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.copyright-section{background-color: #FFE600;}
.copyright-section-2{background-color: #707070;}

.copyright-section {padding: 15px 0px;padding-top: 19px;}
.copyright-section a
{
    color: #000000;
    font-family: Lato-Regular;
    text-align: left;
    font-size: 14px;
}
.copyright-section a:hover{text-decoration: none;}
.inner-page-footer-repeat-img{width: 99%;background-color: #fff;}

.copyright-section .flykicklink{text-align: right;}
/* ============== footer Over =======================*/
/* ========================INDEX PAGE OVER ============================= */


/* ==================== About page start =============================*/
.page-heading{margin: 20px auto;width: 100%;}
.page-heading h1
{
    font-family: Lato-Black;
    color: #252525;
    font-size: 25px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
.page-heading h1::after
{
    position: absolute;
    content: '';
    background-color: #F9B707;
    width: 50%;
    height: 4px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
}
.about-section-2-text{padding-top: 130px;}
.about-section-2-text h1
{
    font-family: Lato-Bold;
    color: #252525;
    text-transform: capitalize;
    font-size: 25px;
}
.about-section-2-text p
{
    font-family: Lato-Regular;
    font-size: 14px;
    color: #636363;
    line-height: 1.7;
}
.about-section-2-wrp{position: relative;margin: 10px auto;}
.about-page-heading
{
    position: absolute;
    top: 0; left: 50%;
    transform: translate(-50%,50%);
}
.about-sec-2-img-2-wrp{margin-top: 40px;}
.about-sec-2-img-2
{
    background-image: url("../images/about-sec-2-img-2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    width: 100%;
}
.about-sec-2-img-2-wrp h1
{
    font-family: Lato-Bold;
    color: #252525;
    text-transform: capitalize;
    font-size: 25px;
}
.about-sec-2-img-2-wrp p
{
    font-family: Lato-Regular;
    font-size: 14px;
    color: #636363;
    line-height: 1.7;
}
.about-page-logo-img
{
    width: auto;
    height: 400px;
}
.about-page-section-3{background-color: #E9E9E9;padding: 30px 0px;margin-bottom: 50px;}
.about-page-section-3-h
{
    font-family: Lato-Bold;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 15px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 17px;
}
.orange-h{background-color: #F77E0B;}
.yellow-h{background-color: #FFD100;}
.about-page-section-3-image
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    width: 100%;
}
/* ==================== About page  Over =============================*/

/* ==================== steel section page start =========================*/
.innerpage-black-heading{background-color:#000000;position:relative;padding-bottom: 10px;}
.innerpage-black-heading .footer-repeat-img-wrp{width: 100%;}
.innerpage-black-heading h1
{
    color: #fff;
    font-family: Lato-Black;
    text-align: center;
    font-size: 26px;
    position: relative;
    padding-bottom: 13px;
    display: table;
    margin: 0 auto;
    word-break: break-word;
    z-index: 11;
    text-transform: uppercase;
    /* margin-top: 50px; */
    margin-top: 40px;
}
.innerpage-black-heading h1::after
{
    position: absolute;
    content: '';
    background-color: #F9B707;
    width: 100%;
    height: 4px;
    left: 50%; bottom: 0;
    transform: translate(-50%,-50%);
}
.innerpage-black-heading p
{
    font-family: Segoe UI;
    color: #FFFFFF;
    text-align: center;
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 0px;
    /* padding-bottom: 10px; */
    padding-bottom: 30px;
}
.steel-section-images-section{background-color:#EEEEEE;padding:30px 20px;margin-bottom:50px;}

.background-size-contain{background-size: contain !important;}

.background-image-size-big{height:590px !important;}
.steel-section-images-section a:hover{text-decoration: none;}
.steel-section-images-wrp{background-color: #fff;/*padding: 50px;*/padding: 10px;margin-bottom: 50px;}
.steel-section-images-wrp:hover
{
    -moz-box-shadow: 1px 2px 7px 4px rgba(136,136,136,0.4);
    -webkit-box-shadow: 1px 2px 7px 4px rgba(136,136,136,0.4);
    box-shadow: 1px 2px 7px 4px rgba(136,136,136,0.4);
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    transition: ease 0.4s;
}
.steel-section-images-section h5
{
    color: #000;
    font-size: 30px;
    text-align: center;
    margin-top: 13px;
    font-family: Lato-Bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.steel-section-images
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* height: 250px; */
    height: 220px; 
    width: 100%;
}
/* ==================== steel section page over =========================*/

/* ===================== structure-types ========================= */
.structure-types-h h1{text-transform: uppercase;color: #313D4C;}
.structure-types-h h1:after{width: 100%;}
.structure-types-content{padding: 30px 0px;}
.structure-types-content-wrp{margin-top: 50px;}

/* .structure-types-image-wrp{border: 1px solid #707070;padding: 30px;} */
.structure-types-image-wrp{border: 1px solid #707070;padding: 10px;}
.structure-types-image
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px;
    width: 100%;
}
.structure-types-text-wrp h1
{
    font-family: Segoe UI;
    font-size: 25px;
    border-bottom: 2px solid #F9B707;
    padding-bottom: 5px;
    text-transform: capitalize;
    display: inline-block;
    
}
.structure-types-text-wrp p
{
    font-family: Lato-Regular;
    color: #313D4C;
    font-size: 20px;
    margin-bottom: 0px;
    position: absolute;
    top: 55%;
    left: 2%;
    transform: translate(0, -50%);
}
/* ===================== structure-types Over========================= */

/* =================== shop-page ==================================== */
.shop-page-h h1{color: #313D4C;padding-right: 30px; padding-left: 30px;}
.shop-page-h h1::after{width: 100%;}
/* =================== shop-page Over==================================== */

/*================== steel-calculator-page ========================*/
.steel-calculator-page{padding: 50px 0px;padding-bottom: 80px;}
.steel-calculator-page h1
{
    font-family: Lato-Black;
    font-size: 40px;
    text-align: center;
    color: #313D4C;
    text-transform: uppercase;
}
.steel-calculator-page h6
{
    font-family: Lato-Regular;
    color: #313D4C;
    text-align: center;
    font-size: 25px;
    margin-top: 20px;
}
.steel_calculator-btn {margin-top: 100px;}
.steel_calculator-btn a
{
    font-family: Lato-Bold;
    font-size: 23px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 25px 40px;
    background-color: #F9B707;
    color: #010101;
}
.steel_calculator-btn a:hover
{
    text-decoration: none;
    background-color: #010101;
    color: #F9B707;
    -webkit-transition: ease 0.4s;
      -moz-transition: ease 0.4s;
      -o-transition: ease 0.4s;
      transition: ease 0.4s;
}
/*================== steel-calculator-page Over========================*/


/* ================ upload-plan-page =========================*/
.upload-plan-page-btn {position: relative;margin-top: 40px;}
.upload-plan-page-btn input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width:100%;
    height:100%;
    top: 0; bottom: 0;
    right: 0; left: 0;
    cursor: pointer;
}
.upload-plan-page-btn {
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-family: Lato-Black;
    background-color: #fff;
    border: 5px solid #D7A212;
    font-size: 60px;
    color: #313D4C;
    text-transform: uppercase;
    padding: 20px;
}
.upload-plan-page-btn:hover
{
    background-color: #000;
    border: 5px solid #000;
    color: #D7A212;
    -webkit-transition: ease 0.4s;
      -moz-transition: ease 0.4s;
      -o-transition: ease 0.4s;
      transition: ease 0.4s;
      cursor: pointer;
}
.upload-plan-page-btn:active 
{
    background-color: #000;
    border: 5px solid #000;
    color: #D7A212;
}
.upload-form-section{background-color: #FFE600;padding:50px 0px;}
.upload-form{border:1px solid #F77E0B; padding: 30px;padding-top: 0px;}
.upload-form input
{
    background-color: #fff;
    padding: 10px;
    display: block;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #7E7E7E;
    border: 1px solid #DDDFE1;
    border-radius: 3px;
    width: 100%;
    margin-top: 30px;
    cursor: pointer;
}
.upload-form input:hover{background-color: #fff; color: #000;border:1px solid #000;}
.upload-form input:focus{background-color: #fff; color: #000;outline: 0;border:1px solid #000;}
  .upload-form input::-webkit-input-placeholder {color: #7E7E7E;}
  .upload-form input::-moz-placeholder {color: #7E7E7E;}
  .upload-form input:-ms-input-placeholder {color: #7E7E7E;}
  .upload-form input:-moz-placeholder {color: #7E7E7E;}

  .upload-form textarea
  {
    background-color: #fff;
    padding: 10px;
    display: block;
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #7E7E7E;
    border: 1px solid #DDDFE1;
    border-radius: 3px;
    width: 100%;
    margin-top: 30px;
    cursor: pointer;
  }
  .upload-form textarea:hover{background-color: #fff; color: #000;border:1px solid #000;}
   .upload-form textarea:focus{background-color: #fff; color: #000;outline: 0;border:1px solid #000;}
  .upload-form textarea::-webkit-input-placeholder {color: #7E7E7E;}
  .upload-form textarea::-moz-placeholder {color: #7E7E7E;}
  .upload-form textarea:-ms-input-placeholder {color: #7E7E7E;}
  .upload-form textarea:-moz-placeholder {color: #7E7E7E;}

  .upload-form-btn
  {
    background-color: #F77E0B;
    border-radius: 27px;
    font-size: 17px;
    font-family: Roboto-Bold;
    color: #fff;
    border: 1px solid #f37d0b;
    padding: 15px;
    display: block;
    width: 90%;
    letter-spacing: 1px;
    margin-top: 30px;
  } 
  .upload-form-btn:hover
  {
      background-color: #000;
      color: #fff;
      border: 1px solid #000;
      -webkit-transition: ease 0.4s;
      -moz-transition: ease 0.4s;
      -o-transition: ease 0.4s;
      transition: ease 0.4s;
  }
  .upload-form-btn.btn-right{float: right;}

  .upload-plan-contact-section{padding: 50px 0px;}
  .upload-plan-contact-section h5
  {
        font-family: Roboto-Bold;
        color: #000000;
        font-size: 25px;
  }
  .upload-plan-contact-section h6
  {
        font-family: Roboto-Bold;
        color: #000000;
        font-size: 20px;
        margin-top: 10px;
  }
  .upload-plan-contact-section h4
  {
        font-family: Lato-Bold;
        color: #000000;
        font-size: 25px;
        margin-top: 10px;
  }
  .upload-plan-contact-section h4 a{color: #000000;}
  .upload-plan-contact-section h4 a:hover{text-decoration: none;}
/* ================ upload-plan-page Over=========================*/

/* contact us page */
.contact-us-page{margin: 30px auto;}
.address-div{background-color: #E5BA0E; border: 1px solid #E5BA0E; border-left: 0;}
.address-div-content .icon{height: 80px;width: 80px;background-color: #fff;}
.address-div-content img{height: 25px;margin-top: 26px;}

.address-div-content .media-body{margin-left: 50px;word-break: break-word;}
.address-div-content a
{
    font-family: Lato-Regular;
    font-size: 17px;
    color: #fff;
    padding-top: 12px;
}
.address-div-content a:hover
{
    text-decoration: none;
    color: #375b7c;
    -webkit-transition: ease 0.4s;
      -moz-transition: ease 0.4s;
      -o-transition: ease 0.4s;
      transition: ease 0.4s;
}
.address-div-content p
{
    font-family: Lato-Regular;
    font-size: 17px;
    color: #fff;
    padding-top: 1px;
    margin-bottom: 0px;
}
.address-div-content p:hover
{
    text-decoration: none;
    color: #375b7c;
    -webkit-transition: ease 0.4s;
      -moz-transition: ease 0.4s;
      -o-transition: ease 0.4s;
      transition: ease 0.4s;
}

.contact-us-page .form-div{border: 1px solid #313D4C;border-left:0;padding-top: 20px;padding-bottom: 100px;position: relative;}
.contact-us-page .form-div h1
{
    font-family: Segoe UI;
    font-size: 20px;
    text-transform: capitalize;
    padding: 8px 30px;
    border-bottom: 3px solid #F9B707;
    color: #313D4C;
    display: table;
    margin: 0 auto;
}
.contact-us-page .form-div input,.contact-us-page .form-div textarea
{
    font-family: Lato-Bold;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #A4A6A8;
    color: #A4A6A8;
    font-size: 15px;
    margin-top: 30px;
}

::-webkit-input-placeholder {color:#A4A6A8;}
::-moz-placeholder {color:#A4A6A8;}
:-ms-input-placeholder {color:#A4A6A8;}
:-moz-placeholder {color:#A4A6A8;}

.contact-us-page .form-div input:focus,.contact-us-page .form-div textarea:focus
{
    outline: 0;
    background-color: #313D4C;
    color: #fff;
}
.contact-us-page .form-div input:hover,.contact-us-page .form-div textarea:hover
{
    outline: 0;
    background-color: #313D4C;
    color: #fff;
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    transition: ease 0.4s;
    cursor: pointer;
}

.contact-us-form-btn
{
    font-family: Lato-Regular;
    color: #fff;
    text-align: center;
    background-color: #313D4C;
    font-size: 15px;
    padding: 10px 30px;
    margin: 30px auto;
    display: block;
    border: 1px solid #313D4C;
}
.contact-us-form-btn:hover
{
    background-color: #E5BA0D;
    color: #fff;
    border: 1px solid #E5BA0D;
    text-decoration: none;
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    transition: ease 0.4s;
}
/* .response   
{
    width: 100%;
    height: auto;
    font-family: Lato-Bold;
    font-size: 30px;
    text-align: center;
    text-transform: capitalize;
    background-color: #e5ba0d;
    color: #fff;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
} */
.response   
{
    width: 40%;
    height: auto;
    font-family: Lato-Bold;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    background-color: #e5ba0d;
    color: #fff;
    padding: 15px 10px;
    position: absolute;
    bottom: 0%;
    right: 8%;
    transform: translate(0%, -50%);
}

.pls_wait_text
{
    width: 100%;
    height: auto;
    font-family: Lato-Bold;
    font-size: 30px;
    text-align: center;
    text-transform: capitalize;
    background-color: #e5ba0d;
    color: #fff;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mail_error_text
{
    width: 100%;
    height: auto;
    font-family: Lato-Bold;
    font-size: 30px;
    text-align: center;
    text-transform: capitalize;
    background-color: #e5ba0d;
    color: #fff;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mail_pls_wait_btn-wrp{cursor: not-allowed;}
.mail_pls_wait_btn
{

    background-color: #F77E0B;
    border-radius: 27px;
    font-size: 17px;
    font-family: Roboto-Bold;
    color: #fff;
    border: 1px solid #f37d0b;
    padding: 15px;
    display: block;
    width: 100%;
    letter-spacing: 1px;
    margin-top: 30px;

}
.mail_pls_wait_btn:hover
{
    cursor: not-allowed!important;;
    pointer-events: none!important;;
}

.data_submited_btn-wrp{cursor: not-allowed;}
.data_submited_btn
{

    font-family: Lato-Regular;
    color: #fff;
    text-align: center;
    background-color: #313D4C;
    font-size: 15px;
    padding: 10px 30px;
    margin: 30px auto;
    display: block;
    border: 1px solid #313D4C;
    cursor: not-allowed !important;
    pointer-events: none!important;;
}
.data_submited_btn:hover
{
    cursor: not-allowed!important;;
    pointer-events: none!important;;
}

.contact-us-page-new{background-color: #FFE600;padding: 30px 0px;}
.contact-us-page-new h5
{
    font-family: Lato-Black;
    font-size: 28px;
    color: #000;
    text-transform: capitalize;
    line-height: 1.1;
}
.contact-us-page-new h5 a{color: #000;}
.contact-us-page-new h5 a:hover{text-decoration: none;}

.map-image
{
    background-image: url("../images/contact_us_map_image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 640px;
    width: 100%;
}
/* contact us page Over*/

/* ================ uc_final_inner-heading ====================*/
.uc-final-inner-heading-wrp{background-color: #080202;padding-top:100px;}
.uc-final-inner-heading-wrp h1
{
    font-family: Lato-Black;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    text-align: center;
}

#FinalInnerTabs{border-bottom: 1px solid transparent;margin-top: 20px;}
#FinalInnerTabs h6
{
    font-family: Lato-Bold;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

#FinalInnerTabs .nav-item .nav-link{padding-top: 2px;}

#FinalInnerTabs .nav-tabs .nav-item.show .nav-link{
    background-color: transparent;
    border: 1px solid transparent;
}

#FinalInnerTabs .nav-link.active{background-color: #E5BA0D;border:1px solid transparent;}

/* slider part */
.inner-page-tab-slider
{
    margin-bottom: 60px;
    margin-top: 30px;
    padding-bottom: 20px;
    display: none!important;
}
.inner-page-tab-slider .slick-slider{margin: 0px 10px;}
.inner-page-tab-slider .slick-slider .nav-link{padding-top: 25px;}
.inner-page-tab-slider .slick-dots li.slick-active button:before{opacity: 1;color: #ECD60B;}
.inner-page-tab-slider .slick-dots li button:before{opacity: 1;color: #fff;font-size: 10px;}
.inner-page-tab-slider .nav-link.active{background-color: #ecd60b;;border:1px solid transparent;}
.inner-page-tab-slider h6
{
    font-family: Lato-Bold;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    color:#000;
}
/* slider part Over*/
/* .inner-page-tab-image{height: 100px;width: 100px;} */
.inner-page-tab-image
{
    /* height: 125px; */
    height: 95px;
    width: 100%;
    max-width: 135px;
    margin: 0 auto;
} 

.inner-page-content{background-color: #EEEEEE;}
.inner-sec-object-img-border{padding: 10px;border: 1px solid #707070;display: inline-block;margin-top: 30px;}
.inner-sec-object-img
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 250px;
    width: 250px;
}
.inner-sec-object-name
{
    font-family: Lato-Black;
    color: #313D4C;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    display: table;
    margin: 0 auto;
    font-size: 23px;
    text-align: center;
}
.inner-sec-object-name::after
{
    content: '';
    position: absolute;
    background-color: #F9B707;
    height: 4px;
    width: 65%;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%,-50%);
}

.inner-page-logo-image
{
    background-image: url(../images/about-sec-2-img-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    width: 360px;
    margin-top: 30px;
    float: right;
}

    /* inner page tabel */
    .tabel-scroll-label-tab
    {
        font-family: Lato-Bold;
        font-size: 18px;
        text-align: left;
        margin-top: 30px;
        color: #313D4C;
        display: none;
    }
    .inner-section-table{margin-top: 50px;}
    .inner-section-table .header-row th
    {
        font-family: RobotoCondensed-Bold !important;
        font-size: 30px !important;
        text-align: center;
        color: #030504;
        border-bottom: 1px solid #030504;
        vertical-align:top;
        font-family: RobotoCondensed-Bold;
        text-transform: uppercase;
        padding-left: 0%!important;
    }
    .inner-section-table .table tr{border-bottom: 1px solid #030504;text-align: center;}
    .inner-section-table .table-bordered td
    {
        text-align: center;
        border: 1px solid #030504;
        font-family: RobotoCondensed-Regular;
        color: #030504;
        font-size: 22px;
        padding: 2px;
        /*padding-left: 4%;*/
    }
    .inner-section-table .table-bordered th 
    {
        text-align: center;
        border: 1px solid #030504;
        font-family: RobotoCondensed-Regular;
        color: #030504;
        font-size: 22px;
        font-weight: 500;
        padding: 2px;
        /*padding-left: 4%;*/
    }

    .yellow-bg{background-color: #F9E505;text-align: center;}
    .orange-bg{background-color: #F5B000;text-align: center;}

    .inner-page-order-button{padding: 90px 0px;padding-bottom: 130px;}
    .inner-page-order-button a
    {
        font-family: Segoe UI;
        color: #fff;
        background-color: #313D4C;
        border-radius: 67px;
        -webkit-box-shadow: 0px 8px 3px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 8px 3px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 8px 3px 0px rgba(0,0,0,0.2);
        font-size: 25px;
        padding: 25px 80px;
    }
    .inner-page-order-button a:hover
    {
        text-decoration: none;
        background-color: #030504;
        color: #FFF;
        -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
        -webkit-transition: ease 0.4s;
      -moz-transition: ease 0.4s;
      -o-transition: ease 0.4s;
      transition: ease 0.4s;
    }
    .inner-page-order-button a:focus
    {
        background-color: #030504;
        color: #F5B000;
        -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.4);
        outline: 0;
    }
    /* inner page tabel Over*/
/* ================ uc_final_inner-heading Over ====================*/


/* ======================== media query  ==========================*/
@media all and (max-width: 400px)
{
    .navbar-brand
     {
         display: block;
         font-size: 35px !important;
         order: 1;
         position: absolute;
         right: 0; top: 7px;
    }
    .header-icon{height: 140px !important;top:20px !important;}
    .header_mobile_upload_plan_div h1{font-size: 18px !important;}
    /* .header_mobile_upload_plan_div a {font-size: 18px!important;} */
    .header_mobile_upload_plan_div{margin-top: 30px!important;}
    .header_mobile_upload_plan_div a {font-size: 13px!important;}
    .header-slider-mobile-section{font-size: 20px !important;}

    .logo-image-black{height: 100px !important;}
    #Header_2 .header-2-header-bar a{font-size: 15px!important;line-height: 1 !important;}
    
    .steel_calculator-btn a{font-size: 18px;}
    .upload-plan-page-btn{font-size: 20px !important;}
    .upload-plan-page img{height: 80px;}

    .inner-page-tab-image {height: 100px !important;width: 90px !important;margin-left: -17px !important;}
    .inner-sec-object-name{font-size: 18px!important;}
    .inner-sec-object-img {height: 150px!important;width: 150px!important;}
    .inner-section-table .header-row th {font-size: 20px !important;}
    .logo-text{height: 50px!important;}

    .upload-plan-contact-section h4{font-size: 22px!important;}
}

@media all and (max-width: 767px)
{
    .navbar-brand
     {
         display: block;
         font-size: 45px;
         order: 1;
         position: absolute;
         right: 0; top: 7px;
    }
    .header-bar{height: 180px;}
    .header-icon{height: 160px;top: 5px;}
    .logo-text{height: 50px;width: 60%;float: right;}
    .navbar-toggler i{font-size: 50px; color:#F9E505;}
    .navbar{background-color: #E5BA0E;padding: 15px 0 0;}

    #Navbar_2 .nav-link{font-size: 18px;}
    .logo-image-black{height: 120px;}
    #Header_2 .header-2-header-bar a{font-size: 17px;line-height: 1;}
    .header_mobile_upload_plan_div{margin-right: 4%!important;}


    .header_mobile_upload_plan_div h1{font-size: 24px;}
    .header_mobile_upload_plan_div a{font-size: 20px;margin-right: 0px;}

    .footer-content {padding: 40px 15px;}
    .footer-working-hour-wrp {padding: 0px 15px;}
    .footer-p-margin-top {margin-top: 10px;width: 50%;}

    /* about page */
    .about-section-2-text{padding-top: 100px;}
    .about-section-2-text h1,.about-sec-2-img-2-wrp h1{text-align: center;}
    .about-section-2-text p,.about-sec-2-img-2-wrp p{text-align: center;}
    .about-page-section-3-image{margin-bottom: 70px;}
    .about-page-section-3{padding: 50px 0px;}
    .about-section-2-image{display: none;}
    .about-sec-2-img-2{display: none;}
    /* about page Over*/

    /* steel section page */
    .innerpage-black-heading h1{margin-top: 30px;}
    .innerpage-black-heading p{font-size: 20px;}
    /* steel section page Over*/

    /* structure-types */
    .structure-types-content-wrp {margin-top: 30px;}
    .structure-types-image-wrp{padding: 10px;}
    .structure-types-text-wrp h1{display:flex;justify-content:center;margin:25px auto;padding-bottom: 15px;text-align: center;}
    .structure-types-text-wrp p{font-size: 18px;text-align: center;}
    /* structure-types Over*/

    /* steel calculator */
    .steel-calculator-page {padding: 40px 0px;padding-bottom: 70px;}
    .steel-calculator-page h1{width: 90%;margin: 0 auto;font-size: 25px;}
    .steel-calculator-page h6{font-size: 20px;}
    /* steel calculator Over*/

    /* upload plan */
    .upload-plan-page-btn{font-size: 30px;}
    .upload-plan-page img{height: 80px;}
    .upload-plan-contact-section{padding: 30px 15px;text-align: center;}
    .upload-form-btn{width: 100%;}
    /* upload plan Over*/

    /* contact us */
    .address-div-content .icon {height: 80px;width: 80px;background-color: #fff;margin-top:0px;margin-left:0px;}
    .contact-us-page-new h5{font-size: 20px;}
    /* contact us Over*/

    /* FINAL INNER PAGE */
    .inner-page-tab-image {    height: 70px;
        width: auto !important;
        background-size: cover;
        background-position: center;
        margin: 0 auto;}
    #FinalInnerTabs h6 {font-size: 20px;}
    .inner-page-tab-slider h6{font-size: 20px;margin-top:0 !important;}
    .inner-page-tab-slider .slick-slider .nav-link{padding-top:0;padding-right:5px !important;}
    .inner-sec-object-img{height: 150px;width: 150px;}
    .tabel-scroll-label-tab{display: none;}
    .inner-page-order-button {padding: 50px 0px;padding-bottom: 70px;}
    .inner-page-order-button a{font-size: 18px;padding: 25px 20px;display: flex;justify-content: center;}
    .uc-final-inner-heading-wrp h1 {font-size: 20px!important;}
    .inner-sec-object-img-border{padding: 10px !important;}

    
    .inner-section-table table thead tr th:nth-child(4){display: none;}
    .inner-section-table table thead tr th:nth-child(3){display: none;}
    .inner-section-table table thead tr th:nth-child(5){display: none;}
    .inner-section-table table thead tr th:nth-child(6){display: none;} 

    .inner-section-table table tbody tr td:nth-child(4){display: none;}
    .inner-section-table table tbody tr td:nth-child(3){display: none;}
    .inner-section-table table tbody tr td:nth-child(5){display: none;}
    .inner-section-table table tbody tr td:nth-child(6){display: none;}
    /* FINAL INNER PAGE */

    /* footer */
    .copyright-section a{display: flex; justify-content: center;}
    /* footer Over*/

    .header_mobile_upload_plan_div{display: block;}

    .header_mobile_upload_plan_div {
        margin-top: 5px!important;
    }

    .header_mobile_upload_plan_div{width: 46%;}

    .header-upload-plan-image p{
        padding-left: 0;
        line-height: 1.5;
        margin-bottom: 0;
        padding-top: 10px;
        font-size:10px !important;
    }

    .header-round-hand{height: 40px;}
}
@media all and (min-width: 768px) and (max-width:991px)
{
    .logo-text {height: 170px;width: 60%;float: right;}
    .header-icon{height: 250px;top: 10px;}
    .header-bar{height: 270px;}
    .navbar-brand
    {
        display: block;
        font-size: 40px;
        order: 1;
        position: absolute;
        right: 0;top: 15px;
   }
   .navbar-toggler i{font-size: 50px; color:#F9E505;}
   .navbar{padding: 22px 0 0;}
   .header_mobile_upload_plan_div h1{font-size: 40px;}
   .header_mobile_upload_plan_div a{font-size: 30px;}
   /* .header_mobile_upload_plan_div{padding: 30px 0px;} */
   .header_mobile_upload_plan_div{padding: 10px 0px;margin-right: 15%;}
   .header-slider-mobile-section{font-size: 28px;}

    /* structure-types page */
    .structure-types-image-wrp{height: 100%;}
    .structure-types-image{height: 100%;min-height: 200px;}
    /* structure-types page Over*/

    /* upload plan */
    .upload-plan-page img{height: 100px;}
    .upload-plan-page-btn{font-size: 40px;}

    /* upload plan Over*/
    .inner-page-order-button {padding: 60px 0px;padding-bottom: 80px;}
    .inner-page-order-button a{font-size: 20px;}
   
    /* about page */
    .about-page-section-3-h{margin-bottom: 0px;margin-top: 30px;}
    .about-page-section-3{padding: 0px; padding-bottom: 30px;}
   /* about page Over*/
    
}
 @media all and (max-width: 991px)
 {
     /* navbar */
     .phone-number-wrp{display: none;}
     .navbar{background-color: #000000;}
     /* .navbar-brand
     {
         display: block;
         font-size: 40px;
         order: 1;section 4
    } */
     .header-upload-plan-image{display: none;}
     #Navbar .nav-item .nav-link{color: #F9E505;text-align: center;}

     #Navbar_2  .nav-link{color: #F9E505;text-align: right;}
    

     #Header_2 .header-2-header-bar .address-bar{text-align: right;}
     .header-steel-calculator h1{text-align: center;font-size: 18px;}
     .header-steel-calculator p{text-align: center;}
     .header-steel-calculator-link{margin-top: 30px !important;padding-bottom: 20px;}
     #Header_2 .header-2-header-bar a{line-height: 1.5;}
     .header-repeat-img-wrp{display: none;}
     .embed-container {--video--height: 900;}
     .footer-repeat-img-wrp{background-size: cover;height: 40px;}

     /* navbar Over*/
      .header_mobile_upload_plan_div{display: block;margin-right: 3%;padding: 15px 8px;width: 35% !important;
          height: 100px;
          margin-top: -25px;}
      .header-slider-mobile-section{display: none;}
      .section-2-slider-wrp{background-color: #fff;}
      .section-2-slider-image{height: 250px;}
     .section-2-slider-heading-yellow{background-color: #F9E505;color:#000000;}
     .section-2-slider-heading-yellow:hover{color: #fff;}
     .section-2-slider-heading-yellow:focus{color: #fff;}
     .section-2-slider-heading-orange{background-color: #F37D0C;color:#000000;}
     .section-2-slider-heading-orange:hover{color: #fff;}
     .section-2-slider-heading-orange:focus{color: #fff;}
     .section-2-slider-heading-yellow::before{display: none;}
     .section-2-slider-heading-orange::before{display: none;}

     .section-2-slider-bottom-sec-mobile{display: block;}
     .section-2-slider-bottom-sec-desktop{display: none;}
     .inner-page-tab-slider h6{margin-top:0 !important;margin-bottom:0;}
     .slick-slide .inner-page-tab-image{width: auto;
         background-size: cover;
         background-position: center;
         height:90px;
     }
     .inner-page-tab-slider .slick-slider .nav-link{
         padding-top:0;
         padding-bottom:0 !important;
     }

     .inner-page-tab-slider .slick-slider{margin: 0px 4px;}
    
     /* section 3 */
    .index-section-3{background-color: #fff;}
    .index-section-3-text h1{text-align: center;display: none;}
    .index-section-3-text p{font-size: 25px;}
    .index-section-3-image-wrp{display: none;}
    /* section 3 Over*/

    /* section 4 */
    .index-section-4{margin-bottom: 60px; display: none;}
    .index-section-4-text h1{text-align: center;display: none;}
    .index-section-4-text p{font-size: 25px;}
    .index-section-4-image-wrp{display: none;}
    /* section 4 Over*/
    
    /* get free quote */
    .get-quote-section h2{text-align: center;}
    .get-quote-section p{font-size: 20px;text-align: center;}
    .get-quote-section {padding: 35px 0px;padding-bottom: 45px;}
    .get-quote-section-link {margin-top: 40px !important;}
    /* get free quote Over*/
    .footer-working-hour-wrp {padding: 0px 15px;}


    /* steel section page */
    /* .steel-section-images-wrp{margin-bottom: 40px;padding: 30px;} */
    .steel-section-images-wrp{margin-bottom: 40px;padding: 10px;}
    .steel-section-images{height: 200px;}
    /* steel section page Over*/

    /* .structure-types page*/
    .structure-types-text-wrp h1{font-size: 24px;}
    /* .structure-types page over*/

    /* contact us page */
    .address-div{border:0;margin-bottom: 30px;padding: 30px 0px;}
    .address-div-content .icon {
        height: 82px;
        width: 80px;
        background-color: #fff;
        margin-top: 0px;
        margin-left: 0px;
    }
    .contact-us-page .form-div{border:0;padding-bottom: 0px;}
    .response{position: relative;left:0;transform: translate(0%, 0%);margin-top: 20px;}
    .contact-us-address-new-section{margin-top: 30px; text-align: center;padding-bottom: 30px;}
    /* contact us page Over*/

    /* inner pages */
    /* inner page slider */
    #FinalInnerTabs {display: none;}
    .inner-page-tab-slider{display: block!important;}
    /* inner page slider Over*/
    .inner-section-table .table-bordered th{font-size: 20px;}
    .inner-section-table .table-bordered td{font-size: 20px;}
    .inner-section-table .header-row th{font-size: 25px !important;}
    .inner-section-table {margin-top: 30px;}
    .inner-page-logo-image{display: none;}
    .inner-sec-object-img-border{display: table;margin: 30px auto;}
    .uc-inner-image{display: grid;}
    .uc-final-inner-heading-wrp{padding-top: 0;}
    .uc-final-inner-heading-wrp h1{font-size: 30px;}
    #FinalInnerTabs{padding-bottom: 30px;}

     .inner-page-tab-slider{margin-top: 20px;}

     .inner-page-tab-slider .slick-list{padding:0 25% 0 0;}

     .header_mobile_upload_plan_div p{font-size:13px;}

    
    /* inner pages Over*/

    /* upload plan */
    .upload-plan-contact-section{text-align: center;}
    /* upload plan  over*/

 }

 @media all and (min-width:768px) and (max-width:1024px)
 {
    .structure-types-text-wrp p{font-size: 16px;}
    .inner-page-tab-image {height: 90px;width: 100%;object-fit: cover;}
    #FinalInnerTabs h6{font-size: 24px;}
    .inner-page-tab-slider h6{font-size: 24px;}

     .inner-page-tab-slider .slick-list{padding:0 18% 0 0;}
 }

 @media all and (min-width: 992px) and (max-width: 1024px)
 {
    .header-icon{height: 250px;}
    #Navbar .nav-item .nav-link {font-size: 13px;letter-spacing: 0;padding: 0px 20px;}
    #Navbar_2 .nav-link{font-size: 17px;}
    .header-upload-plan-image{height: 140px;}
    .header-upload-plan-image p{font-size: 27px;padding-top: 20px;}
    .header-round-hand{height: 60px;}

      /* upload plan */
      .upload-plan-page img{height: 100px;}
      .upload-plan-page-btn{font-size: 40px;}
      /* upload plan Over*/

      .section-2-slider-heading-orange{font-size: 14px;}
      .section-2-slider-heading-yellow{font-size: 14px;}
      .section-2-slider-image{height: 110px;background-size: cover;}

      .logo-image-black{height: 200px;}

 }

 @media all and (min-width: 1025px) and (max-width: 1300px)
 {
    .header-icon{height: 250px;}
    #Navbar .nav-item .nav-link {font-size: 18px;letter-spacing: 0;padding: 0px 20px;}
    #Navbar_2 .nav-link{font-size: 20px;}
      /* upload plan */
      .upload-plan-page-btn{font-size: 50px;}
      /* upload plan Over*/

      .section-2-slider-heading-orange{font-size: 14px;}
      .section-2-slider-heading-yellow{font-size: 14px;}
      .section-2-slider-image{height: 140px;}
      .inner-page-order-button {padding: 60px 0px;padding-bottom: 100px;}
      .inner-page-order-button a{font-size: 20px;}
      #Navbar .nav-item .nav-link{padding-right: 10px;}

 }
 @media all and (max-width:1300px)
 {
    .structure-types-text-wrp p{position:relative;top:0%;left:0%;transform:translate(0,0);}
 }
 @media all and (min-width:1300px) and (max-width:1920px)
 {  
    .section-2-slider-heading-orange{font-size: 18px;}
    .section-2-slider-heading-yellow{font-size: 18px;}
    .inner-page-order-button {padding: 60px 0px;padding-bottom: 100px;}
    .inner-page-order-button a{font-size: 20px;}
 }
 @media all and (min-width:1300px) and (max-width:1910px)
 {
    .section-2-slider-image{height: 160px;}
    /* .section-2-slider-image{height: 235px;} */
 }

 @media all and (min-width:1024px) and (max-width:1910px)
 {
    #FinalInnerTabs h6{font-size: 22px;}
    .inner-page-tab-slider h6{font-size: 20px;}
    .uc-final-inner-heading-wrp h1{font-size: 35px;}
 }
 
 @media all and (min-width:1920px)
 {
    #Navbar .nav-item .nav-link {padding-right: 65px;}
 }


@media (max-width:767px){
    .header_mobile_upload_plan_div{width: 50% !important;padding-top: 0;height: 65px;margin-top: 40px !important;}
    .inner-section-table .header-row th{font-size:18px !important;}
    .inner-section-table .header-row th br{
        display: none;}
}
/* ======================== media query Over ==========================*/