/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1500px) and (max-width: 1690px) {

	.logo {
        width: 340px;
        position: relative;
        top: 15px;
        margin-right: auto;
        height: 90px;
    }
	.logo:before {
    bottom: -3px;
}
	.nav-links li a {
    padding: 13px 15px;
}
}

@media (max-width: 1499px) {
  
  /* CSS */
  .nav-links li a {
  font-size: 12px;
  padding: 13px 20px;
}
	
	.logo {
    width: 335px;
    position: relative;
    top: 15px;
    margin-right: auto;
    height: 90px;
}
	
.logo:before {
        content: '';
        position: absolute;
        background: #fff;
        bottom: -2px;
        left: -7px;
        width: 110px;
        height: 27px;
        border-radius: 50%;
        z-index: -1;
        padding: 44px;
    }
	
	.product-menu li button.active {
    padding: 14px 88px 14px 24px;
 
}
	.product-menu li button.active:before {
    right: 28px;
}
	.post-featured-image {
    height: 230px;
}
	
.Single-news-content {
    padding-top: 30px;
}
	.Single-news-content h2 {
    font-size: 32px;
    line-height: 43px;
}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
	.nav-links li a {
        font-size: 12px;
        padding: 9px 8px;
    }
  .right > ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: -6%;
    width: 100%;
    height: 100%;
    transform: skewX(-45deg);
}
	.right > ul:first-child li a.desktop-item {
    padding: 10px;
}
	
	    .logo {
        width: 310px;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  .hero-content {
    width: 100%;
}
	.hero-content {
    width: 100%;
}
	section.about-us.sp {
    padding: 10px 0 70px;
}
	.our-story-counter h3 {
    font-size: 43px;
    line-height: 43px;
    text-align: center;
    color: #F4C500;
    margin: 12px 0;
    height: 54px;
}
	.sp {
    padding: 60px 0;
}
	.map-title {
    font-weight: 700;
    font-style: Bold;
    font-size: 32px;
    line-height: 38px;
}
	.product-menu h2 {
    padding-left: 20px;
    margin-bottom: 20px;
    margin-bottom: 28px !important;
}
body .product-menu li button.active {
    padding: 12px 62px 12px 12px;
    font-size: 16px;
    margin-bottom: 24px;
}
	
	.product-menu li button.active:before {
    top: 10px;
}
	body .home_pro_wrapper .prod-pg-box{
		    min-height: 150px !important;
    width: 154px !important;
	}
	    body .wrapper .btn {
        margin-top: -12px;
    }
	.more_pro h3 {
    font-size: 19px;
    line-height: 26px;
}
	.more_pro:before{
		right:28px;
	}
	button.carousel-control-next {
    width: 50px;
    height: 50px;
    margin-top: 15%;
}
		button.carousel-control-prev {
    width: 50px;
    height: 50px;
    margin-top: 15%;
}
	.carousel-img-caption {
    padding: 16px 78px 17px 34px;
}
	.post-featured-image {
        height: 180px;
    }
	.post-item-content h2 {
    font-size: 16px;
    line-height: 26px;
}
	.footer-links ul li {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 22px;
}
.footer-social-links ul li {
    margin-right: 9px;
}
	.footer-copyright-text p{
		font-size: 12px;
    line-height: 22px;
	}
	.footer-copyright {
    padding: 25px 0 ;
}
	.about_main_wrappper {
    position: relative;
    width: 50%;
    margin: 0 auto 98px;
}
	
section.bg-content.sp_int img {
    height: 40vh;
}	
	section.bg-content.sp_int img {
    width: 100%;
}
section.bg-content.sp_int .unocal-content {
    position: inherit;
    background: #373588;
    width: 100%;
    padding: 24px;
    bottom: 50%;
    right: 15%;
    transform: inherit;
}	
section.bg-content.vision.content.sp_int img {
    height: 50vh;
    width: 100%;
}	
section.bg-content.vision.content.sp_int .unocal-content {
    right: 14%;
    position: inherit;
    background: #373588;
    width: 100%;
    padding: 24px;
    bottom: 50%;
    transform: inherit;
}	
	section.bg-content.sp_int.vision_wrap img {
    width: 100%;
    margin-left: inherit;
}
	section.bg-content.sp_int.vision_wrap .unocal-content {
    position: inherit;
    background: #373588;
    width: 100%;
    padding: 24px;
    bottom: 50%;
    transform: inherit !important;
}
.awards_recognition_box img {
    height: 160px;
    border-radius: 18px;
}	
	.awards_recognition_cnt h4 {
    font-size: 13px;
    line-height: 22px;
}
.heading-breadcrump h1 {
    font-size: 20px;
}
	.section-title h2 {
    font-size: 28px;
    line-height: 38px;
}
	.services-categories {
    position: relative;
    padding-left: 0;
}
	ul.products-menu-list {
    padding-left: 0;
}
	.services-categories li a {
    font-size: 11px;
}
	p {
    font-size: 16px;
    line-height: 26px;
}
	.services-categories li a:before {
    font-size: 19px;
}
.pro_description ul li {
    font-size: 16px;
    line-height: 26px;
}	
	.facility_tabs_wrapper ul li button {
    padding: 12px 34px;
}
	.facility_tabs_wrapper ul li .nav-link.active:before {
    left: 14px;
}
.certificates_main {
    grid-template-columns: repeat(2, 1fr);
}
.certicificate_main_item h3 {
    font-size: 12px;
    line-height: 20px;
}
.latest_item_main {
    padding: 8px;
 	
}
	section.single-news-new.sp_int .inner-box {
    height: 35vh;
}
	.latest_wrap .latest_content h2 {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 20px;
}
	.latest_content {
    padding: 0 24px;
}
.Single-news-content h2 {
        font-size: 22px;
        line-height: 38px;
    }	
	
	section.single-news-new.sp_int .col-md-4 {
    padding-left: 24px;
}
	.latest_content h2 {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 24px;
}
	.info-heading-contactus h2 {
    font-size: 22px;
    line-height: 32px;
}
	.company-name-div h4 {
    font-size: 18px;
    line-height: 28px;
}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 767px) {
  
  /* CSS */
	
	.modulegrid {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
}
	.indmodule img {
    width: 42px;
    height: 42px;
}
	.modulesubheader p {
    font-size: 16px;
    line-height: 27px;
}
	.our-story-counter h3 {
    font-size: 42px;
    line-height: 52px;
}
	.swiper-button-next{
		display:none;
	}
	.swiper-button-prev{
		display:none;
	}
  .hero-content {
    width: 100%;
}
	
.section-title h2 {
    font-size: 28px;
    line-height: 40px;
}
.fancy-btn {
    padding: 6px 24px;
    font-size: 12px;
}
	.hero.hero-slider-layout .hero-slide {
    position: relative;
    padding: 80px 0 30px;
}
	.hero.hero-slider-layout {
    padding-bottom: 0;
}
	
	.about-content h2.map-title.text-start.mb-3 {
    font-size: 24px;
    line-height: 34px;
    width: 80%;
}
.about_main_wrappper {
    position: relative;
    width: 70%;
    margin: 0 auto;
    margin-left: 30px;
}
	.menu-breadcrump ul li {
    font-size: 13px;
}
	.all_pro_wrapper {
    margin-top: 34px;
    margin-bottom: -20px;
}
	
	.pro_description p:last-child {
    margin-top: 30px;
}
    .pro_description .certicificate_main_item h3 {
        color: #000;
        padding-bottom: 0;
        margin-bottom: 0;
    }
.innerLinkBox h3 {
    font-size: 18px;
    line-height: 28px;
}
.innerLinkBox {
    margin-bottom: 34px;
}
p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px;
}
section.about-us.sp {
    /* padding-top: 30px; */
    padding: 10px 0 40px;
}	
.sp {
    padding: 50px 0;
}
section.stats-section.mt-3.sp .row.text-center.gapsty {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}	
.stat-icon {
    width: 50px;
}
	.stats-section {
    padding-bottom: 20px;
}
    .stat-block {
        border-bottom: transparent;
        margin-bottom: 12px;
    }
	
.about-content {
    width: 100%;
    margin-top: 80px;
}	
.map-title {
    font-size: 28px;
    line-height: 38px;
}	
.product-menu h2 {
    margin-bottom: 24px !important;
}	
.product-menu li button {
    font-size: 16px;
    padding: 12px 98px 14px 24px;
    margin-bottom: 12px;
}	
.home_pro_wrapper {
    margin-top: 24px;
}	
body .prod-pg-box.empty-box {
    min-height: 160px !important;
    width: 164px !important;
    padding: 0 !important;
}
.more_pro:before {
    right: 48px;
    font-size: 12px;
    line-height: 30px;
    width: 20px;
    height: 20px;
    bottom: -40px;
}	
.more_pro h3 {
    font-size: 14px;
    line-height: 24px;
    width: 90%;
}	
	.product-menu li button.active{
		font-size:16px;
	}	
section.infrastructure-section.sp .carousel-item.active img {
    height: 35vh;
}	
	button.carousel-control-next {
    width: 40px;
    height: 40px;
    margin-top: 30%;
}
button.carousel-control-prev {
    width: 40px;
    height: 40px;
    margin-top: 30%;
}
.carousel-img-caption {
    font-size: 18px;
    line-height: 28px;
    padding: 14px 12px;
}
section.our-blog.sp h2.map-title.text-start.mb-3 {
    font-size: 26px;
    line-height: 36px;
}
.post-featured-image {
    margin-bottom: 24px;
    height: 225px;
}	
.post-item-content h2 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 22px;
}	
section.our-blog.sp {
    padding-bottom: 30px;
}	
.main-footer {
    padding: 50px 24px 30px;
}
.footer-links ul {
    margin-bottom: 25px;
}
.footer-links ul li {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 24px;
}


.footer-links h3 {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 18px;
}	
.footer-social-links ul li a {
    width: 40px;
    height: 36px;
}	
.footer-social-links ul li a i {
    font-size: 13px;
}	
.footer-social-links ul li {
    margin-right: 5px;
}	
.footer-copyright {
    padding: 25px 0 0;
    margin-top: 0;
}	
.footer-copyright .col-lg-12 {
    display: block;
}	
	
.footer-copyright-text {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}	
section.about_wrapper.sp_int .about_content {
    width: 100%;
}	
.sp_int {
    padding: 50px 0;
}	
section.bg-content.sp_int img {
    width: 100%;
}
    section.bg-content.sp_int img {
        height: 40vh;
    }
section.bg-content.sp_int {
    padding: 0 0 50px;
}	
section.bg-content.sp_int .unocal-content {
    position: inherit;
    width: 100%;
    padding: 24px;
    transform: inherit;
}	

section.stats-section.int_stats.mt-3.sp {
    top: 0;
}	
section.bg-content.vision.content.sp_int {
    height: auto;
}
section.bg-content.vision.content.sp_int {
    padding: 50px 0 !important;
}
section.bg-content.vision.content.sp_int img {
    height: 40vh;
    width: 100%;
}	
section.bg-content.vision.content.sp_int .unocal-content {
    right: 14%;
    position: inherit;
    background: #373588;
    width: 100%;
    padding: 24px;
    bottom: 50%;
    transform: inherit;
}	
section.bg-content.sp_int.vision_wrap {
    padding-top: 0;
}	
section.bg-content.sp_int.vision_wrap img {
    width: 100%;
    margin-left: inherit;
}	
section.bg-content.sp_int.vision_wrap .unocal-content {
    position: inherit;
    background: #373588;
    width: 100%;
    padding: 24px;
    bottom: 50%;
    transform: inherit !important;
}	
	section.values_wrapper_main.sp {
    margin-top: 70px;
}
	.accordion-button {
    font-size: 18px;
}
	
.accordion-button .stat-icon {
    width: 30px;
}	
.unocal-content .section-title {
    margin-bottom: 20px;
}
.products_category_wrapper.sp_int {
    padding-bottom: 20px;
}
.product_category_wrap h3 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 12px;
}	
.cr_content {
    width: 100%;
}	
.request-a-quote-page-main {
    margin-top: 28px;
}	
.cr_content p {
    font-size: 16px;
    line-height: 28px;
}	
	
.form-inputs h5 {
    font-size: 15px;
}	
	.heading-breadcrump h1{
		font-size:24px;
		line-height:24px;
	}	
.services-categories {
    padding-left: 0;
    margin-bottom: 42px;
}	
.widget-content {
    position: inherit;
}	
	
section.cate-pg.sp .col-md-8 {
    padding-left: 24px;
}	
.pro_description ul li {
    font-size: 14px;
    line-height: 24px;
    color: #000 !important;
    margin-bottom: 8px;
    font-weight: 400;
}	
.menu-breadcrump ul {
    margin-left: -10px;
}	
.main_wrap .all-pages-breadcrump {
    display: block;
}	
	
	.main_wrap .heading-breadcrump h1 {
    display: block;
    margin-bottom: 12px;
}
	ul.services-categories ul.products-menu-list {
    padding-left: 0;
}
.awards_recognition_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
}	
.awards_recognition_box img {
    height: 170px;
}	
.awards_recognition_cnt h4 {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
}	
.latest_item_main {
    padding: 38px;
}	
.latest_wrap .latest_image {
    height: 200px;
}	
.latest_image .arrow_wrapper {
    width: 80px;
    height: 59px;
}
	.arrow_wrapper i {
    font-size: 21px;
    line-height: 40px;
}
.Single-news-content h2 {
    font-size: 24px;
    line-height: 37px;
}	
.Single-news-content {
    padding-top: 30px;
}	
section.single-news-new.sp_int .inner-box {
    height: auto;
    width: 100%;
}	
.blog-detail {
    margin-bottom: 34px;
}	
section.single-news-new.sp_int .col-md-4 {
    padding-left: 34px !important;
}	
	.latest_content h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}
.informations {
    padding: 28px 0 0;
}	
.contact-information-main-div {
    margin-bottom: 34px;
}	
.form-contactus-page-main {
    padding: 24px;
  
}	
.info-heading-contactus h2 {
    margin-bottom: 16px;
    color: #1a1f34;
    font-size: 24px;
    line-height: 34px;
}	
	.company-name-div h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: -10px;
}
.facility_tabs_wrapper ul li .nav-link.active:before {
  display:none;
}	
.facility_tabs_wrapper ul li button {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    margin-right: 17px;
}	
	.story_wrapper.about_wrapper .about_image {
    width: 59%;
    margin: 0 auto 24px;
}
	
	.tabs_maunfucturings:before {
    width: 100%;
}
.facilty_wrapper .about_image_content p {
    color: #fff;
}
.facilty_wrapper .about_image_content h3 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 12px;
    color: #fff;
}
	
.facilty_wrapper .about_image_content ul li {
    color: #fff !important;
}	
div#profile-tab-pane11 .about_image_content p {
color: #fff;
}	
	.certificates_main {
    grid-template-columns: repeat(2, 1fr);
}
	.certicificate_main_item h3 {
    color: #fff;
}
.story_wrapper.about_wrapper p {
    color: #fff;
}
}
@media (min-width: 481px) and (max-width: 767px) {
  
  /* CSS */
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  /* CSS */
  
}