/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {
 
}
  
  
 /* large desktop :2001px. */
 @media (min-width: 2001px) and (max-width: 2160px) {
    .aboutuspage03 {
        bottom: 0%;
        right: 40%;
        }
.aboutuspage-text {
	padding: 40px 0px 30px 0px;
    }
.servicespage03 {
	bottom: 0px;
    }







  }

/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
	
	.abouttrading-right {
  
    padding: 0px 0px 0px 3px;
  
}
	
.aboutuspage01 {
    margin: 0px 20px 0px 0px;
    width: 295px;
     }	
.aboutuspage03 {
    bottom: 18.7%;
}
	
	.abouttrading03 {
	top: 241px;
	padding: 0px 0px;
	position: absolute;
	width: 178px;
	height: 223px;
	overflow: hidden;
	border-radius: 69px 0px 0px 0px;
}
 
 
.abouttrading01 {
	margin: 0px 16px 0px 0px;
	padding: 0px 0px;
	position: relative;
	width: 178px;
	height: 223px;
	overflow: hidden;
	border-radius: 69px 0px 0px 0px;
	float: left;
}
	
 }



/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.bannertext h2 {
    font-size: 42px;
    line-height: 32px;
    }
.bannercarousel-img {
	height: 429px;
    }
.bannertext {
	bottom: 84px;
    }
.banner-section {
	min-height: 429px;
    }
.bernardindustrial-text h2 {
	margin: 0px 0px 12px 0px;
	width: 92%;
	font-size: 33px;
	line-height: 41px;
    }
.secureimg01 {
	margin: 0px 21px 0px 0px;
	width: 207px;
	height: 248px;
    }
.stellarnav > ul > li > a {
	padding: 3px 0px 5px 0px;
	font-size: 17px;
    }
.stellarnav ul {
 	gap: 45px;
    }
.abouttrading-right {
	padding: 0px 0px 0px 0px;
    }
.abouttrading02 {
	width: 211px;
	height: 346px;
    }
.abouttrading01 {
	width: 144px;
	height: 165px;
    }
.abouttrading03 {
	top: 181px;
	width: 144px;
	height: 165px;
    }
.abouttrading-left h2 {
	margin: 0px 0px 14px 0px;
	font-size: 30px;
	line-height: 30px;
}
.abouttrading-left p {
	margin: 0px 0px 9px 0px;
	font-size: 16px;
	line-height: 22px;
    }
.latestfashionable-section h2 {
	margin: 0px 0px 14px 0px;
	font-size: 30px;
	line-height: 30px;
    }
.ourservice_text h2 {
	font-size: 30px;
	line-height: 30px;
}
.ourservice_text p {
	margin: 0px 0px 9px 0px;
	font-size: 16px;
	line-height: 22px;
}
.oroservicecard h5 {
	margin: 13px 0px 9px 0px;
	font-size: 16px;
	line-height: 20px;
}
.oroservicecard p {
	padding: 0px 0px;
	font-size: 15px;
	line-height: 18px;
}
.oroservicecard {
	margin: 0px 0px 32px 0px;
	padding: 26px 20px 20px 20px;
	min-height: 342px;
}
.ourcustomersay-section h2 {
	font-size: 30px;
	line-height: 30px;
    }
.customersaycard h6 {
	margin: 0px 0px 13px 0px;
	font-size: 15px;
	line-height: 19px;
}
.quote-say {
	width: 58px;
	margin: 13px auto;
}
.customersaycard h6 {
	margin: 0px 0px 17px 0px;
	font-size: 14px;
	line-height: 18px;
}
.customersaycard {
	margin: 30px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 85%;
    min-height: 241px;
}

.footer-links ul {
	gap: 13px;
    }
.footer-links li {
	font-size: 13px;
    }
.footer-links li::after {
	width: 5px;
	height: 6px;
	right: -9px;
}
.linkscard h5 {
	font-size: 16px;
	line-height: 24px;
	margin: 0px 0px 9px 0px;
}
.ourservice-section {
	padding: 56px 0px 48px 40px;
	overflow: hidden;
    }
.aboutuspage-text p {
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	line-height: 22px;
}
.aboutuspage02 {
	margin: 0px 16px 0px 0px;
	width: 158px;
	height: 152px;
     }
.aboutuspage01 {
	margin: 0px 13px 0px 0px;
	width: 228px;
	height: 320px;
}
.aboutuspage-left {
	height: 322px;
}
.aboutuspage03 {
	bottom: 0%;
	width: 158px;
	height: 152px;
	right: 50px;
}
.hero-content {
	top: 33px;
    }
.servicespage-text p {
	margin: 0px 0px 14px 0px;
	font-size: 16px;
	line-height: 22px;
}
.servicespage_left p {
	margin: 0px 0px 15px 0px;
	font-size: 16px;
	line-height: 22px;
}
.servicespage02 {
	width: 237px;
	height: 357px;
    }
.servicespage01 {
	margin: 0px 16px 0px 0px;
	width: 177px;
	height: 173px;
    }
.servicespage03 {
	bottom: 348px;
	width: 177px;
	height: 173px;
}
.otherservices-section h2 {
	margin: 0px 0px 14px 0px;
	font-size: 30px;
	line-height: 30px;
}
.otherservices-section .oroservicecard {
	padding: 26px 17px 22px 17px;
    }
.otherservices-section .oroservicecard p {
	font-size: 15px;
	line-height: 19px;
	min-height: 160px;
}
.otherservices-section .oroservicecard h5 {
	font-size: 17px;
	line-height: 21px;
	min-height: 59px;
}
.gettouch-left h2 {
	margin: 0px 0px 35px 0px;
	font-size: 30px;
	line-height: 30px;
}
.quoteform h2 {
	margin: 0px 0px 35px 0px;
	font-size: 30px;
	line-height: 30px;
    }
.touchcard-text h6 {
	font-size: 16px;
	line-height: 19px;
    }
.touchcard-icon {
	width: 73px;
	height: 64px;
    }
.sendmessage-section {
	box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px -9px, rgba(104, 100, 100, 0.3) 0px -5px 15px 0px;
    }

.servicespage_right {
	width: 100%;
	min-height: 100%;
}

.copyright {
	margin: 11px 0px 0px 0px;
	padding: 13px 0px;
	font-size: 14px;
    }
.social-icon {
	gap: 8px;
	margin-top: 16px;
    }
.social-icon a img {
	width: 36px;
    }
.footerlogo {
	width: 174px;
    }



  }



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.main-nav {
	padding: 9px 0px;
    }
.logo {
    width: 85px !important;
    margin: 0px 0px;
    }
.stellarnav {
    justify-content: end;
    align-items: center;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.stellarnav .menu-toggle span.bars {
    top: 0px;
    margin-right: 0px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 24px;
    height: 2px;
    margin: 0 0 5px;
    background:#FF5326;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background: #111314;
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #fff0f6;
    padding: 11px 2px;
    }
.stellarnav > ul > li > a:hover {
    color: #FF5326 !important;
    border-bottom: 00618C 1px solid;
    }
.stellarnav > ul > li > a.active {
    color: #FF5326 !important;
    border-bottom: 00618C 1px solid;
    }
.main-nav.scroll {
	padding: 8px 0px;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #FF5326;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #FF5326;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid rgba(210, 176, 176, 0.15);
    }
.stellarnav .menu-toggle span.bars {
    top: 2px !important;
    }
.main-nav.scroll .stellarnav > ul > li > a {
    padding: 15px !important;
    font-size: 19px !important;
    }
.bannercarousel-text {
    margin: 62px 0px 0px 0px;
    }
.bannercarousel-text h2 {
    font-size: 28px;
    line-height: 24px;
    }
.bannercarousel-text p {
    margin: 10px 0px 21px 0px;
    font-size: 15px;
    line-height: 22px;
    }

.banner-section {
    min-height: 230px;
    }
.bannercarousel-img {
    margin: 0px 0px 0px 0px;
    height: 320px;
    }
.banner-section .owl-dots {
    bottom: 7px;
    }
.bannertext {
    bottom: 59px;
    }
.bannertext h2 {
    font-size: 30px;
    line-height: 30px;
    }
.abouttrading-section {
	padding: 32px 0px;
    }
.abouttrading-left {
	margin: 0px 0px 40px 0px;
}
.abouttrading-left h2 {
	margin: 0px 0px 8px 0px;
	font-size: 30px;
	line-height: 50px;
}
.latestfashionable-section h2 {
	margin: 0px 0px 8px 0px;
	font-size: 30px;
	line-height: 50px;
    }
.latestfashionable-section {
 	padding: 32px 0px;
    }
.ourservice-section {
	padding: 33px 44px 16px 44px;
}
.ourservice_text h2 {
	margin: 0px 0px 10px 0px;
	font-size: 30px;
    }
.oroservicecard h5 {
	margin: 18px 0px 3px 0px;
	font-size: 20px;
	line-height: 27px;
    }
.ourservice_text {
	padding: 0px 0px 23px 0px;
    }
.ourcustomersay-section {
	padding: 32px 0px 70px 0px;
    }
.ourcustomersay-section h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	font-size: 30px;
	line-height: 48px;
}
.ourcustomersay-section .owl-carousel .owl-stage-outer {
	padding: 0px 12px;
}
.hero-content {
	top: 52px;
    }
.aboutuspage01 {
	width: 333px;
	height: 468px;
    }
.aboutuspage02 {
	margin: 0px 16px 0px 0px;
	width: 219px;
	height: 224px;
}
.aboutuspage03 {
	bottom: 0%;
	width: 219px;
	height: 224px;
	right: 116px;
}
.aboutuspage-text {
	padding:14px 0px 0px 0px;
}
.aboutuspage-text p {
	margin: 0px 0px 14px 0px;
	font-size: 18px;
	line-height: 24px;
}
.servicespage-section {
padding: 32px 0px;
}
.servicespage_right {
height: 100% !important;
    min-height: 100%;
    }
.servicespage03 {
	bottom: 0px;
   }
.gettouch-left h2 {
	font-size: 30px;
	line-height: 30px;
    }
.quoteform h2 {
	font-size: 30px;
	line-height: 30px;
    }
.gettouch-left {
	margin: 0px 0px 50px 0px;
    }
.touchcard-icon {
	width: 70px;
	height: 62px;
    }
.sendmessage-section {
	box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 0px -9px, rgba(104, 100, 100, 0.3) 0px -5px 15px 0px;
    }



.footer-links ul {
	justify-content: start;
	gap: 34px;
    }
.social-icon {
	justify-content: start;
	gap: 8px;
	margin-top: 19px;
    }
.social-icon a img {
	width: 33px;
    }
.footer-links ul {
	margin: 26px 0px 0px 0px;
    }
.footer-links li {
	font-size: 15px;
    }
.copyright {
	margin: 22px 0px 0px 0px;
	padding: 9px 0px;
	font-size: 13px;
	text-align: center;   
    }



 }



/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
.container-fluid {
    padding: 0px 20px !important;
    } 
.main-nav {
	padding: 9px 0px;
    }
.logo {
    width: 65px !important;
    margin: 0px 0px;
    }
.stellarnav {
    justify-content: end;
    align-items: center;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.stellarnav .menu-toggle span.bars {
    top: 0px;
    margin-right: 0px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 24px;
    height: 2px;
    margin: 0 0 5px;
    background:#FF5326;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background: #111314;
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #fff0f6;
    padding: 11px 2px;
    }
.stellarnav > ul > li > a:hover {
    color: #FF5326 !important;
    border-bottom: 00618C 1px solid;
    }
.stellarnav > ul > li > a.active {
    color: #FF5326 !important;
    border-bottom: 00618C 1px solid;
    }
.main-nav.scroll {
	padding: 8px 0px;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #FF5326;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #FF5326;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid rgba(210, 176, 176, 0.15);
    }
.stellarnav .menu-toggle span.bars {
    top: 2px !important;
    }
.main-nav.scroll .stellarnav > ul > li > a {
    padding: 15px !important;
    font-size: 14px !important;
    }
.bannercarousel-text {
    margin: 62px 0px 0px 0px;
    }
.bannercarousel-text h2 {
    font-size: 28px;
    line-height: 24px;
    }
.bannercarousel-text p {
    margin: 10px 0px 21px 0px;
    font-size: 15px;
    line-height: 22px;
    }

.banner-section {
    min-height: 230px;
    }
.bannercarousel-img {
    margin: 0px 0px 0px 0px;
    height: 230px;
    }
.banner-section .owl-dots {
    bottom: 7px;
    }
.bannertext {
    bottom: 36px;
    }
.bannertext h2 {
    font-size: 21px;
    line-height: 25px;
    }
.abouttrading-section {
	padding: 26px 0px;
    }
.abouttrading-left h2 {
	margin: 0px 0px 14px 0px;
	font-size: 21px;
	line-height: 25px;
}
.abouttrading-left p {
	margin: 0px 0px 8px 0px;
	font-size: 15px;
	line-height: 20px;
}
.readmorbtn {
	margin: 19px 0px 38px 0px;
	padding: 9px 25px;
	font-size: 15px;
	width: 132px;
}
.abouttrading-right {
	padding: 0px 0px 0px 0px;
	width: 100%;
}
.abouttrading01 {
	margin: 0px 0px 18px 0px;
	padding: 0px 0px;
	width: 100%;
	height: 223px;
}
.abouttrading02 {
	margin: 0px 0px 18px 0px;
	width: 100%;
	height: auto;
}
.abouttrading03 {
	top: 0;
	padding: 0px 0px;
	position: relative;
	width: 100%;
	height: auto;
    }
.latestfashionable-section h2 {
	font-size: 21px;
	line-height: 25px;
    }
.latestfashionable-section {
	padding: 31px 0px;
    }
.ourservice-section {
	padding: 32px 0px 18px 14px;
    overflow: hidden;
    }
.ourservice_text h2 {
	margin: 0px 0px 14px 0px;
	font-size: 21px;
	line-height: 25px;
    }
.ourservice_text p {
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	width: 100%;
	line-height: 20px;
    }
.ourservice_text .readmorbtn {
	margin: 21px 0px 23px 0px;
	font-size: 15px;
	width: 131px;
    }
.oroservicecard h5 {
	margin: 18px 0px 3px 0px;
	font-size: 20px;
	line-height: 26px;
    }
.oroservicecard p {
	padding: 7px 0px;
	font-size: 15px;
	line-height: 20px;
    }
.ourcustomersay-section h2 {
	margin: 0px 0px 2px 0px;
	font-size: 21px;
	line-height: 25px;
    }
.ourcustomersay-section {
	padding: 41px 0px 59px 0px;
	min-height: 400px;
    }
.ourcustomersay-section .owl-carousel .owl-stage-outer {
	padding: 0px 19px;
    }
.quote-say {
	width: 58px;
	margin: 18px auto;
    }
.customersaycard h6 {
	margin: 0px 0px 18px 0px;
	font-size: 14px;
	width: 100%;
	line-height: 18px;
}
.oroservicecard {
	width: 95%;
}
.ourservice_text {
	padding: 0px 10px 0px 5px;
}
.breadcumb img {
	height: 149px;
	max-height: 149px;
}
.hero-content {
	top: 44px;
    }
.hero-content-upper h2 {
	font-size: 28px;
	line-height: 21px;
}
.aboutuspage-section {
	padding: 32px 0px;
    }
.aboutuspage-left {
	padding: 0px 0px 0px 0px;
    }
.aboutuspage01 {
	margin: 0px 0px 20px 0px;
	width: 100%;
	height: 349px;
}
.aboutuspage03 {
    bottom: unset;
    width: 100%;
    height: 290px;
    right: unset;
    position: relative;
    margin-bottom: 20px;
}
.aboutuspage02 {
	margin: 0px 0px 20px 0px;
	width: 100%;
	height: 290px;
}
.aboutuspage-text p {
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	line-height: 20px;
}
.aboutuspage-text {
	padding: 0px 0px 10px 0px;
}
.servicespage-section {
	padding: 26px 0px;
}
.servicespage-text p {
	margin: 0px 0px 9px 0px;
	font-size: 15px;
	line-height: 20px;
}
.servicespage_left p {
	margin: 0px 0px 9px 0px;
	font-size: 15px;
	line-height: 20px;
}
.servicespage_right {
	padding: 0px 0px 0px 0px;
}
.servicespage01 {
	margin: 0px 0px 20px 0px;
    width: 100%;
	height: auto;
    }
.servicespage02 {
	margin: 0px 0px 20px 0px;
	width: 100%;
	height: auto;
}
.servicespage03 {
	bottom: unset;
	width: 100%;
	height: auto;
    position: relative;
}
.otherservices-section h2 {
	margin: 0px 0px 14px 0px;
	font-size: 21px;
	line-height: 25px;
}
.otherservices-section .oroservicecard h5 {
	font-size: 17px;
	line-height: 24px;
    }
.otherservices-section .oroservicecard p {
	padding: 6px 0px;
	font-size: 16px;
	line-height: 20px;
    }
.map-section {
	height: 357px;
   }
.gettouch-left h2 {
	margin: 0px 0px 25px 0px;
	font-size: 21px;
	line-height: 25px;
    }
.sendmessage-section {
	padding: 28px 23px;
    }
.touchcard-text h6 {
    font-size: 13px;
    width: 100%;
    font-weight: 400;
    line-height: 17px;
    }
.touchcard-text h4 {
	margin: 0px 0px 7px 0px;
	font-size: 16px;
	line-height: 15px;
    }
.touchcard-icon {
    width: 60px;
	height: 53px;
    }
.touchcard {
	margin: 0px 0px 19px 0px;
	gap: 10px;
    }
.quoteform h2 {
	margin: 0px 0px 18px 0px;
	font-size: 21px;
    line-height: 25px;
    }
.gettouch-left .social-icon {
	margin-top: 29px;
	margin-bottom: 45px;
    }









.footer {
    padding: 30px 0px 0px 0px;
    } 
.footer-links h3 {
	margin: 0px 0px 15px 0px;
	font-size: 20px;
	line-height: 35px;
}  
.footerlogo {
    width: 126px;
    margin: 16px 0px 7px 0px;
    }
.linkscard {
    gap: 14px;
    flex-wrap: wrap;
    }
.linkscard h5 {
    font-size: 14px;
    line-height: 17px;
    }
.linkscard h5 span {
    margin-right: 6px;
    }
.linkscard h5 span img {
    width: 19px;
    }
.footer-links ul {
    width: auto;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 25px;
    justify-content: start;
    }
.social-icon {
	justify-content: center;
	gap: 7px;
	margin-top: 25px;
    }
.footer-links li::after {
    width: 5px;
    height: 1px;
    right: -11px;
    top: 6px;
    }
.footer-links li {
    font-size: 13px;
    line-height: 11px;
    }
.social-icon a img {
	width: 35px;
    }
.copyright {
    margin: 20px 0px 0px 0px;
    font-size: 12px;
    text-align: center;
    }
.copyright-right {
    text-align: center;
    }

}














@media (width > 700px) {
  main {
    column-count: 2;
  }
}
 
@media (width > 1000px) {
  main {
    column-count: 3;
  }
}
 
@media (width > 1300px) {
  main {
    column-count: 4;
  }
}