@media only screen and (min-width: 1023px) and (max-width: 1365px){
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 415px !important;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 60px;
        margin-left: 60px;
        margin-bottom: 50px;
    }
    .build-business__right {
        margin-left: 60px;
        margin-bottom: 100px;
    }
    .quality-infra-left {
        margin-right: 60px;
    }
    .quality-infra__right {
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 150px;
    }
    /*=====product page =====*/
    /*===== pp woven bag ====*/

}
@media only screen and (min-width: 990px) and (max-width: 1024px){
    .navbar .navbar-nav .nav-item > a {
        top: 10px;
        font-size: 16px;
        padding: 0px 14px 0px 14px;
        position: relative;
    }
    .navbar .navbar-nav .nav-item > a:after {
        width: 20px;
        height: 10px;
        position: absolute;
        top: 40px;
        left: 50%;
    }
    .vision-mission-bg{
        margin: 100px 0px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 10px;
        background-color: #FF8500;
        position: relative;
      }
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 295px;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 60px;
        margin-left: 60px;
        margin-bottom: 50px;
    }
    .build-business__right {
        margin-left: 60px;
        margin-bottom: 100px;
    }
    .quality-infra-left {
        margin-right: 60px;
    }
    .quality-infra__right {
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 150px;
    }
    /*=======product page ====*/
}
@media only screen and (min-width: 820px) and (max-width: 991px){
    .navbar .navbar-nav .nav-item > a {
        top: 10px;
        font-size: 16px;
        padding: 0px 14px 0px 14px;
        position: relative;
    }
    .navbar .navbar-nav .nav-item > a:after {
        width: 20px;
        height: 10px;
        position: absolute;
        top: 40px;
        left: 50%;
    }
    .vision-mission-bg{
        margin: 100px 0px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 10px;
        background-color: #FF8500;
        position: relative;
      }
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 295px;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 60px;
        margin-left: 60px;
        margin-bottom: 50px;
    }
    .build-business__right {
        margin-left: 60px;
        margin-bottom: 100px;
    }
    .quality-infra-left {
        margin-right: 60px;
    }
    .quality-infra__right {
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 150px;
    }
    /*=======product page ====*/
}
@media only screen and (min-width: 768px) and (max-width: 819px){
    .navbar .navbar-nav .nav-item > a {
        top: 10px;
        font-size: 16px;
        padding: 0px 14px 0px 14px;
        position: relative;
    }
    .navbar .navbar-nav .nav-item > a:after {
        width: 20px;
        height: 10px;
        position: absolute;
        top: 40px;
        left: 50%;
    }
    .vision-mission-bg{
        margin: 100px 0px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 10px;
        background-color: #FF8500;
        position: relative;
      }
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 295px;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 60px;
        margin-left: 60px;
        margin-bottom: 50px;
    }
    .build-business__right {
        margin-left: 60px;
        margin-bottom: 100px;
    }
    .quality-infra-left {
        margin-right: 60px;
    }
    .quality-infra__right {
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 150px;
    }
    /*=======product page ====*/
}
@media only screen and (min-width: 599px) and (max-width: 767px){
    .head_top{
        display: none;
    }
    .navbar-nav{
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        padding: 4px 0px;
    }
    .navbar .navbar-nav .nav-item > a {
        top: 50%;
        font-size: 16px;
        padding: 0px 14px 0px 14px;
        position: relative;
    }
    .navbar .navbar-nav .nav-item > a:after {
        width: 10px;
        height: 20px;
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
        background-color: #FF8500;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }



    .nav-item:hover>ul {
        opacity: 1;
        transform: scale(1);
        transition: .3s ease-in-out;
        visibility: visible;
    }
    .nav-item>ul {
        position: absolute;
        top: 0px;
        left: 0;
        margin-left: 100px;
        padding: 10px 0px;
        list-style: none;
        margin-bottom: 0;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-color: #fff;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        width: 180px;
        transform: scale(.5);
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }


    .vision-mission-bg{
        margin: 100px 0px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 10px;
        background-color: #FF8500;
        position: relative;
      }
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 205px;
    }
    .Modern-Slider .item .img-fill{
        height:60vh;
        background:#000;
    }
    .Modern-Slider .item .img-fill .info{
        line-height:60vh;
    }
    .Modern-Slider .item .info > div{
        padding: 0px 100px;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 60px;
        margin-left: 60px;
        margin-bottom: 50px;
    }
    .build-business__right {
        margin-left: 60px;
        margin-bottom: 100px;
    }
    .quality-infra-left {
        margin-right: 60px;
    }
    .quality-infra__right {
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 150px;
    }
    /*=======product page ====*/
    /*======pp woven bag =====*/
    
}
@media only screen and (min-width: 425px) and (max-width: 598px){
    .head_top{
        display: none;
    }
    .navbar .navbar-brand >img{
        width: 100px;
        height: auto;
        margin-left: 10px;
    }
    .navbar-nav{
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        padding: 4px 0px;
    }
    .navbar .navbar-nav .nav-item > a {
        top: 50%;
        font-size: 16px;
        padding: 0px 14px 0px 14px;
        position: relative;
    }
    .navbar .navbar-nav .nav-item > a:after {
        width: 10px;
        height: 20px;
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
        background-color: #FF8500;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }


    .nav-item:hover>ul {
        opacity: 1;
        transform: scale(1);
        transition: .3s ease-in-out;
        visibility: visible;
    }
    .nav-item>ul {
        position: absolute;
        top: 0px;
        left: 0;
        margin-left: 100px;
        padding: 10px 0px;
        list-style: none;
        margin-bottom: 0;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-color: #fff;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        width: 180px;
        transform: scale(.5);
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }

    .vision-mission-bg{
        margin: 100px 0px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 10px;
        background-color: #FF8500;
        position: relative;
      }
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 152px;
    }
    .Modern-Slider .item .img-fill{
        height:60vh;
        background:#000;
    }
    .Modern-Slider .item .img-fill .info{
        line-height:60vh;
    }
    .Modern-Slider .item .info > div{
        padding: 0px ;
    }
    .Modern-Slider .NextArrow,.Modern-Slider .PrevArrow{
        display: none !important;
    }
    .bg-1 {
        padding: 30px 0px;
    }
    .section-heading > h2 {
        font-size: 22px;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 40px;
    }
    .build-business__left h2 {
        font-size: 28px;
    }
    .build-business__right {
        margin-left: 20px;
        margin-bottom: 40px;
    }
    .build-business__right-bg {
        top: 0;
        bottom: -50px;
        right: 0px;
        left: 160px;
    }
    .build-business__img {
        margin-right: 60px;
    }
    .quality-infra-left {
        margin-right: 20px;
    }
    .quality-infra__right {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 80px;
    }
    .quality-infra-left-bg {
        top: 0;
        bottom: -50px;
        left: 0px;
        right: 180px;
    }
    .quality-infra__img {
        margin-left: 60px;
    }
    .achive-bg{
        margin-bottom: 10px;
    }
    
}
@media only screen and (min-width: 375px) and (max-width: 424px){
    .head_top{
        display: none;
    }
    .navbar .navbar-brand >img{
        width: 100px;
        height: auto;
        margin-left: 10px;
    }
    .navbar-nav{
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        padding: 4px 0px;
    }
    .navbar .navbar-nav .nav-item > a {
        top: 50%;
        font-size: 16px;
        padding: 0px 14px 0px 14px;
        position: relative;
    }
    .navbar .navbar-nav .nav-item > a:after {
        width: 10px;
        height: 20px;
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
        background-color: #FF8500;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .nav-item:hover>ul {
        opacity: 1;
        transform: scale(1);
        transition: .3s ease-in-out;
        visibility: visible;
    }
    .nav-item>ul {
        position: absolute;
        top: 0px;
        left: 0;
        margin-left: 100px;
        padding: 10px 0px;
        list-style: none;
        margin-bottom: 0;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-color: #fff;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        width: 180px;
        transform: scale(.5);
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }

    .vision-mission-bg{
        margin: 100px 0px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 10px;
        background-color: #FF8500;
        position: relative;
      }
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 123px;
    }
    .Modern-Slider .item .img-fill{
        height:60vh;
        background:#000;
    }
    .Modern-Slider .item .img-fill .info{
        line-height:60vh;
    }
    .Modern-Slider .item .info > div{
        padding: 0px ;
    }
    .Modern-Slider .NextArrow,.Modern-Slider .PrevArrow{
        display: none !important;
    }
    .bg-1 {
        padding: 30px 0px;
    }
    .section-heading > h2 {
        font-size: 22px;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 40px;
    }
    .build-business__left h2 {
        font-size: 28px;
    }
    .build-business__right {
        margin-left: 20px;
        margin-bottom: 40px;
    }
    .build-business__right-bg {
        top: 0;
        bottom: -50px;
        right: 0px;
        left: 160px;
    }
    .build-business__img {
        margin-right: 60px;
    }
    .quality-infra-left {
        margin-right: 20px;
    }
    .quality-infra__right {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 80px;
    }
    .quality-infra-left-bg {
        top: 0;
        bottom: -50px;
        left: 0px;
        right: 160px;
    }
    .quality-infra__img {
        margin-left: 60px;
    }
    .achive-bg{
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 280px) and (max-width: 374px){
    .head_top{
        display: none;
    }
    .navbar .navbar-brand >img{
        width: 80px;
        height: auto;
        margin-left: 10px;
    }
    .navbar-nav{
        margin-top: 10px;
    }
    .nav-item{
        position: relative;
        padding: 4px 0px;
    }
    .navbar .navbar-nav .nav-item > a {
        top: 50%;
        font-size: 16px;
        padding: 0px 14px 0px 14px;
        position: relative;
    }
    .navbar .navbar-nav .nav-item > a:after {
        width: 10px;
        height: 20px;
        border-bottom-right-radius: 50px;
        border-top-right-radius: 50px;
        background-color: #FF8500;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }


    .nav-item:hover>ul {
        opacity: 1;
        transform: scale(1);
        transition: .3s ease-in-out;
        visibility: visible;
    }
    .nav-item>ul {
        position: absolute;
        top: 0px;
        left: 0;
        margin-left: 100px;
        padding: 10px 0px;
        list-style: none;
        margin-bottom: 0;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-color: #fff;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        width: 180px;
        transform: scale(.5);
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }
    
    .vision-mission-bg{
        margin: 100px 0px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 10px;
        background-color: #FF8500;
        position: relative;
      }
    .vision-mission-img{
        border: 4px solid #FF8500;
        height: 100px;
        width: 100px;
        top: -50px;
        left: 75px;
    }
    .Modern-Slider .item .img-fill{
        height:40vh;
        background:#000;
    }
    .Modern-Slider .item .img-fill .info{
        line-height:40vh;
    }
    .Modern-Slider .item .info > div{
        padding: 0px ;
    }
    .Modern-Slider .NextArrow,.Modern-Slider .PrevArrow{
        display: none !important;
    }
    .Modern-Slider .item h3{
        font-size: 22px;
    }
    .bg-1 {
        padding: 30px 0px;
    }
    .section-heading > h2 {
        font-size: 22px;
    }
    .section-heading  .desc > p{
        font-size: 12px;
    }
    .foot-copyright span{
        font-size: 14px;
    }
    .foot-copyright span a{
        font-size: 14px;
    }
    /*======about page ===*/
    .build-business__left {
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 40px;
    }
    .build-business__left h2 {
        font-size: 28px;
    }
    .build-business__right {
        margin-left: 20px;
        margin-bottom: 40px;
    }
    .build-business__right-bg {
        top: 0;
        bottom: -50px;
        right: 0px;
        left: 160px;
    }
    .build-business__img {
        margin-right: 60px;
    }
    .quality-infra-left {
        margin-right: 20px;
    }
    .quality-infra__right {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 80px;
    }
    .quality-infra-left-bg {
        top: 0;
        bottom: -50px;
        left: 0px;
        right: 160px;
    }
    .quality-infra__img {
        margin-left: 60px;
    }
    .achive-bg{
        margin-bottom: 10px;
    }

    /*=====  ======*/
    .breadcrumb-row h1 {
        font-size: 26px;
    }
}