@media screen and (min-device-width: 1280px) and (max-device-width: 2200px) { 
    .container {max-width: 1240px;}
}

/*Small Laptop and Ipad Pro Start (Lg)       992 pa rakh k */
@media only screen and (max-width:1199px) {
/*homepage start*/
ul.top-icon li {
    position: relative;
    padding: 0px 5px !important;
}
.email-header {
    font-size: 13px !important;
    line-height: 34px !important;
}

.main-menu .menu-header > ul > li > a {
    margin: 0px 5px !important;
    font-size: 13px !important;
}
.main-menu .menu-header > ul > li:last-child > a {
    margin-left: 70px !important;
}
.main-menu .menu-header > ul > li.current_page_item a::before {
    top: -18px !important;
}
.email-header span {
    font-size: 12px !important;
}
.email-header a {
    font-size: 12px !important;
        margin: 0px 4px !important;
}
.caption-nf h3::after {
    width: 235px !important;
    top: 10px !important;
}
.caption-nf h3::before {
    width: 235px !important;
    top: 9px !important;
}
.social-media-content .social-media-inner {
    width: 75px !important;
}
.about-content-main h4::before {
    left: 20px !important;
}
.about-content-main h4::after {
    right: 25px !important;
}
.about-us-main .row {
    align-items: flex-start !important;
}
.about-content-main {
    padding: 0px 65px 0px 20px !important;
}
section.about-us-main {
    padding: 50px 0px !important;
}
section.mission {
    padding: 50px 0px !important;
}
section.our-clients {
    padding: 50px 0px !important;
}
section.products-main {
     padding: 50px 0px !important;
}
section.blogs-main {
    padding: 50px 0px !important;
}
.clients-head h4::before {
    left: 330px !important;
}
.clients-head h4::after {
    right: 335px !important;
}
/*inner pages css rep start*/
.new-abt-pg-head h3 {
    font-size: 28px !important;
    margin-bottom: 30px !important;
}
.about-img-main figure {
    height: 845px !important;
}
.page-template-about-us-pg .about-content-main h4::after {
    right: 158px !important;
}
.certi-imgae figure {
    height: 445px !important;
}
.certi-cont {
    padding: 0px 0px 0px 15px !important;
}
.certi-cont h3 {
    margin-bottom: 10px !important;
}
section.certificate {
    padding: 50px 0px !important;
}
section.technical.force {
    padding: 50px 0px !important;
}
section.culture {
padding: 50px 0px !important;
}
.footer-section::before {
    right: -238px !important;
}
.product-pg-cont {
    min-height: 175px !important;
}
.product-pg-cont h5 {
    font-size: 16px !important;
    line-height: 20px !important;
}
.cont-image {
    left: 103px !important;
}
section.get-in-touch {
    padding: 50px 0px !important;
}
.cont-blue-image h3 {
    width: 60% !important;
}
.icon-line {
    padding: 50px 0px !important;
}
.cont-ico::before {
    width: 305px !important;
}
.cont-ico::after {
    width: 320px !important;
}
section.cont-form-main::before {
    height: 413px !important;
}
section.cont-form-main::after {
    height: 413px !important;
}
section.cont-form-main {
    padding: 0px 0px 60px 0px !important;
}
/*kff*/
}
/*Small Laptop and Ipad Pro End (Lg) 

/*Mobile Landscape and Ipad Start (md) 768 pa rakh k*/   
@media only screen and (max-width:991px){
    /*homepage start*/
.main-menu .menu-header > ul > li > a {
    margin: 0px 3px !important;
    font-size: 11px !important;
}
.main-menu .menu-header > ul > li:last-child > a {
    margin-left: 40px !important;
    font-size: 10px !important;
    padding: 8px 12px !important;
}
.main-menu .menu-header > ul > li:last-child > a::before {
    width: 45px !important;
    top: 31px !important;
}
.main-menu .menu-header > ul > li:last-child > a::after {
    width: 45px !important;
}
.SliderSec .slider .inner-item {
    height: 600px !important;
}
.caption-nf h3 {
    font-size: 24px !important;
}
.caption-nf h3::before {
    width: 135px !important;
}
.caption-nf h3::after {
    width: 135px !important;
}
.caption-nf h1 {
    font-size: 35px !important;
    line-height: 42px !important;
}
.caption-nf p {
    font-size: 16px !important;
    margin-top: 15px !important;
}
.banner-btn-2 {
    margin: 25px auto !important;
}
.banner-btn-2 a {
    padding: 8px 12px !important;
    font-size: 11px !important;
}
.banner-btn-2 a::before {
    width: 45px !important;
    top: 32px !important;
}
.banner-btn-2 a::after {
    width: 45px !important;
}
.social-media-content .social-media-inner {
    width: 58px !important;
}
.SliderSec .slider .inner-item::after {
    width: 415px !important;
    height: 250px !important;
}
.about-content-main h4 {
    font-size: 22px !important;
    line-height: 28px !important;
}
.about-content-main h5 {
    font-size: 22px !important;
    line-height: 28px !important;
}
.about-content-main p {
    font-size: 15px !important;
}
.about-img-main figure {
    height: 670px !important;
}
.about-content-main h4::before {
    left: 11px !important;
}
.about-content-main h4::right {
    left: 11px !important;
}
.about-content-main {
    padding: 0px 25px 0px 0px !important;
}
.icon figure {
    width: 60px !important;
    height: 60px !important;
}
.content-missi span {
    font-size: 15px !important;
}
.content-missi h3 {
    font-size: 22px !important;
    line-height: 32px !important;
}
.content-missi p {
    font-size: 15px !important;
    line-height: 22px !important;
}
.clients-head h4 {
    font-size: 22px !important;
    line-height: 32px !important;
}
.clients-head h5 {
    font-size: 28px !important;
    line-height: 24px !important;
}
.clients-head h4::before {
    left: 216px !important;
    top: 12px !important;
}
.clients-head h4::after {
    right: 216px !important;
    top: 12px !important;
}
.prod-cont h5 {
    font-size: 16px !important;
}
.prod-cont span {
    font-size: 15px !important;
    line-height: 18px !important;
}
.prod-cont p {
    font-size: 15px !important;
    line-height: 18px !important;
}
.prod-cont a {
    font-size: 15px !important;
    line-height: 18px !important;
}
.blogs-cont h3 {
    font-size: 22px !important;
    line-height: 28px !important;
    padding: 5px 0px !important;
}
.blogs-cont span {
    font-size: 15px !important;
}
.blogs-cont a {
    font-size: 15px !important;
    line-height: 22px !important;
}
.blogs-iamge figure {
    height: 280px !important;
}
.main-head-cont h2 {
    font-size: 22px !important;
    line-height: 28px !important;
}
.main-head-cont p {
    font-size: 15px !important;
    line-height: 24px !important;
}
.new-abt-pg-head h3 {
    font-size: 20px !important;
    margin-bottom: 20px !important;
}
.page-template-about-us-pg .about-content-main h4::after {
    right: 95px !important;
    top: 10px !important;
}
.about-img-main figure {
    height: 865px !important;
}
.techni-cont h3 {
    font-size: 22px !important;
}
.certi-cont h3 {
    font-size: 24px !important;
    line-height: 28px !important;
}
.certi-cont p {
    font-size: 15px !important;
}
.certi-imgae figure {
    height: 497px !important;
}
section.certificate {
    padding-bottom: 0px !important;
}
.cult-cont h3 {
    font-size: 22px !important;
}
.cult-cont h4 {
    font-size: 22px !important;
    line-height: 32px !important;
}
.touch-cont h4 {
    font-size: 22px !IMPORTANT;
    line-height: 32px !IMPORTANT;
}
.touch-cont h3 {
    font-size: 26px !important;
    line-height: 26px !IMPORTANT;
    margin-bottom: 75px !IMPORTANT;
}
.cont-image {
    left: 65px !important;
}
.cont-serv-box {
    height: 228px !important;
}
.cont-ico::before {
    width: 190px !important;
}
.cont-ico::after {
    width: 203px !important;
}
.footer-section::before {
    right: -190px !important;
    top: 460px !important;
}
/*ckkf*/
}
/*Mobile Landscape and Ipad End (md)*/

/*Small Mobile Landscape Start (sm) 576 pa rakh k*/ 
@media only screen and (max-width:767px){
    section.top-header {display: none;}
    .main-menu .menu-header{display: none;}
    .cus-logo { text-align: center; margin-top: 15px; }
    a#hamburg { z-index: 9999999999999999; background-color: #fff; }
    section.main-menu {position: relative; z-index: 1;}
    .nav1 .row {display: block; }
    .nav-cross.open > span { background: #000; }
    .push-logo img { width: 90px; margin: 0 auto; display: flex; }
    .fixed .cus-logo a img { display: none; }
    
}
/*Small Mobile Landscape End (sm)*/ 


@media only screen and (max-width:575px){
    .contact-form-main-cls h1 {
    font-size: 37px !important;
    letter-spacing: 1px !important;
    line-height: 48px !important;
    margin-bottom: 20px !important;
}
    .fenix-modal .medal-image {
    padding-top: 135px !important;
}
  .fenix-modal .medal-image figure {
    height: 300px !important;
}
.fenix-modal .modal-content {
    height: 510px !important;
}
.fenix-modal .modal-body {
    position: relative;
    background-color: #fff;
}

.clients-head h4::after { right: 265px !important; }
.clients-head h4::before { left: 265px !important; }

.footer-section::before {
    height: 350px !important;
    display: none !important;
}
.footer-widget-heading-extra h3 {
    font-size: 20px !important;
    color: #fff !important;
    text-align: center !important;
    line-height: 40px !important;
}
.footer-widget-heading-extra p {
    color: #6f6f6f !important;
    text-align: center !important;
    font-size: 15px !important;
    margin: 10px 0px !important;
}
.footer-widget-icons {
    padding: 50px 0px 0px 11px !important;
    text-align: center !important;
}
.footer-widget-icons i {
    color: #fff !important;
}
.subscribe-form input[type="text"]::placeholder {
    color: #fff !important;
    font-size: 15px !important;
}
.subscribe-form input {
 border: 1px solid #fff !important;
}
.footer-widget-icons {
    text-align: center !important;
}
.icon {
    position: relative !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
}
.mission-sev-lite {
    display: block !important;
}
.content-missi {
    text-align: center !important;
}

main{
    padding: 0px !important;
}
header {
     padding: 0px !important; 
}
ul.top-icon {
    display: block !important;
    margin-bottom: 0px !important;
}
.email-header {
    font-size: 14px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
}
ul.top-icon li {
     padding: 0px !important; 
    height: 30px !important;
}
.email-header span {
    font-size: 14px !important;
    letter-spacing: 0px !important;
}
.email-header a {
    font-size: 14px !important;
    letter-spacing: 0px !important;
    line-height: 30px !important;
}
ul.top-icon li::before {
  display: none !important;
}
ul.top-icon li::after {
   display: none !important;
}
.social-media-content .social-media-inner {
display: none !important;
}
.caption-nf h3 { 
    font-size: 22px !important;
    letter-spacing: 3px !important;
}
.caption-nf h3::before {
    width: 75px !important;
    left: 28px !important;
}
.caption-nf h3::after {
    width: 75px !important;
    top: 11px !important;
    right: 25px !important;
}
.caption-nf h1 {
    font-size: 26px !important;
    line-height: 28px !important;
}
.caption-nf p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-top: 15px !important;
}
.SliderSec .slider .inner-item {
    height: 500px !important;
}
.banner-btn-2 a {
    padding: 7px 12px !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    line-height: 22px !important;
    text-transform: uppercase;
}
.banner-btn-2 {
    margin: 20px auto !important;
}
.banner-btn-2 a::after {
    width: 40px !important;
}
.banner-btn-2 a::before {
    width: 40px !important;
    bottom: -6px !important;
    top: auto;
    left: -2px;
}
.caption-nf {
    top: 12% !important;
}
.SliderSec .slider .inner-item::after {
      width: 200px !important; 
    height: 160px !important;
}
.about-img-main figure {
    height: 315px !important;
}
.about-content-main {
    padding: 0px !important;
}
.about-content-main h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.about-content-main h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.about-content-main p {
    font-size: 14px !important;
    line-height: 22px !important;
}
.about-content-main h4::after {
    width: 40px !important;
    top: 12px !important;
    right: 5px !important;
}
.about-content-main h4::before {
    width: 40px !important;
    top: 12px !important;
    left: 6px !important;
}
.home section.about-us-main {
    padding: 30px 0px 60px 0px !important;
}
.icon figure {
    width: 75px !important;
    height: 75px !important;
}
section.mission {
    padding: 30px 0px !important;
}
.content-missi span {
    font-size: 14px !important;
    text-align: center !important;
}
.content-missi h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center !important;
}
.content-missi p {
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
}
.mission-serv-box {
    padding-top: 15px !important;
}
.clients-head h4 {
    font-size: 20px !important;
    line-height: 28px !important;
    text-transform: uppercase;
}
.clients-head h5 {
    font-size: 21px !important;
        line-height: 28px !important;
}
.clients-img figure {
    width: 130px !important;
    height: 125px !important;
}
.clients-img {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
section.our-clients {
    padding: 30px 0px !important;
}
.our-clients .slick-prev.slick-arrow {
    right: 112px !important;
    top: 145px !important;
     width: 21.11px !important;
    height: 21.11px !important;
}
.our-clients .slick-next.slick-arrow {
    left: 130px !important;
    width: 21.11px !important;
    height: 21.11px !important;
    top: 145px !important;
}
.cat-responsive {
    padding-top: 0px !important;
}
section.products-main {
    padding: 30px 0px !important;
}
.clients-head h4::after {
    top: 11px !important;
    right: 235px ;
}
.clients-head h4::before {
    top: 11px !important;
    left: 235px;
}
.prod-cont {
    padding: 10px 0px !important;
        margin-bottom: 20px !important;
        min-height: 160px;
}
.prod-cont h5 {
    font-size: 17px !important;
}
.prod-cont span {
    font-size: 14px !important;
    line-height: 28px !important;
}
.prod-cont p {
    font-size: 14px !important;
    line-height: 21px !IMPORTANT;
    margin: 0px !important;
}
.prod-cont a {
    font-size: 14px !important;
    line-height: 28px !important;
}
section.blogs-main {
    padding: 30px 0px !important;
}
.blogs-iamge figure {
    height: 290px !important;
}
.blogs-cont h3 {
    font-size: 20px !important;
    line-height: 26px !important;
    padding: 5px 0px !important;

}
.blogs-cont span {
    font-size: 14px !important;
}
.blogs-cont {
    padding-bottom: 10px !important;
        background: transparent !important;
}
.blogs-cont a {
    text-decoration: underline;
    font-size: 14px !important;
    line-height: 28px !important;
}
.second-content h3 {
    font-size: 20px !important;
    margin-top: 15px !important;
}
.second-content p {
    font-size: 14px !important;
    margin: 10px 0px !important;
}
.second-content a {
    font-size: 14px !important;
    line-height: 28px !important;
}
.second-last {
    margin-bottom: 20px !important;
}
.info .col-lg-3:nth-child(1) .second-last {
    border-radius: unset !important;
}
.info .col-lg-3:nth-child(4) .second-last {
    border-radius: unset !important;
}
.second-last {
    margin-bottom: 20px !important;
    min-height: 0px !important;
}
.footer-section::before {
    /*height: 435px !important;*/
    top: auto !important;
    bottom: 125px !important;
}
.footer-section {
    padding-top: 0px !important;
}
.info .row {
    margin-bottom: 0px !important;
}
.second-content h3.mir {
    margin-top: 0px !important;
}
section.info {
    padding: 30px 0px 0px 0px !IMPORTANT;
}
/*inner pages responsive start*/
.inner-banner h2 {
    font-size: 32px !important;
    line-height: 28px !important;
    margin-top: 60px;
}
.main-head-cont h2 {
    font-size: 18px !important;
    line-height: 24px !important;
}
section.about-main-head {
    padding: 30px 0px !important;
    padding-bottom: 0px !important;
}
.inner-banner-cls .container {
    justify-content: center !important;
}
.main-head-cont p {
    font-size: 14px !important;
    line-height: 22px !important;
}
.new-abt-pg-head h3 {
    font-size: 20px !important;
    line-height: 22px !IMPORTANT;
    margin-bottom: 30px !important;
     text-align: center !important;
}
.abt-pg .about-content-main h4 {
    text-align: center !important;
}
.page-template-about-us-pg .about-content-main h4::after {
    display: none !important;
}
.abt-pg .about-content-main h5 {
    text-align: center !important;
}
.abt-pg .about-content-main h5 {
    text-align: center !important;
}
section.about-us-main {
    padding: 0px !important;
}
section.technical.force {
    padding: 30px 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.techni-cont h3 {
    font-size: 20px !important;
    line-height: 22px !important;
    margin-bottom: 20px !important;
}
.techni-cont p {
    font-size: 14px !important;
    line-height: 22px !important;
}
section.certificate {
    padding: 30px 0px !important;
}
.certi-cont h3 {
    font-size: 20px !important;
    line-height: 26px !important;
    margin-bottom: 10px !important;
}

.certi-cont p {
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
}
.certi-imgae figure {
    margin: 0px !important;
    height: 275px !important;
}
.cult-image figure {
    height: 275px !important;
}

.cult-cont h3 {
    font-size: 20px !important;
    line-height: 33px !important;
    text-align: center !important;
}
.certi-cont {
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}
.cult-cont h4 {
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center !important;
}
.cult-cont p {
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
    width: 100% !important;
}
.cult-cont h3::after {
    display: none !important;
}
section.culture {
    padding: 30px 0px !important;
    padding-top: 0px !important;
}
section.get-in-touch {
    padding: 30px 0px !important;
}
.touch-cont h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}
.touch-cont h3 {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 75px !important;
}
.cont-serv-box {s
    padding: 35px 25px !important;
    height: 175px !important;
    margin-bottom: 60px !important;
}
.cont-image {
    left: 135px !important;
}
.cont-serv-box a {
    font-size: 15px !important;
    line-height: 22px !important;
}
.cont-serv-box p {
    font-size: 15px !important;
    line-height: 25px !important;
}
.cont-ico::before {
    display: none !important;
}
.cont-ico::after {
    display: none !important;
}
.icon-line {
    padding: 0px 0px 50px 0px !important;
}
.cont-blue-image h3 {
    font-size: 20px !important;
    line-height: 26px !important;
    width: 70% !important;
}
.gravity-form input[type="text"] {
    height: 30px !important;
}
.gravity-form input[type="tel"] {
    height: 30px !important;
}
.gravity-form input[type="email"] {
    height: 30px !important;
}
.gravity-form textarea {
    height: 80px !important;
}
section.cont-form-main::before {
    height: 425px !important;
}
section.cont-form-main::after { height: 425px !important;}






/*df*/
}