@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');


@charset "utf-8";
/*************** DEFAULT CSS ***************/
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Regular.eot');
src: url('../fonts/BwGradualDEMO-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Regular.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Regular.woff') format('woff'),
url('../fonts/BwGradualDEMO-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Thin.eot');
src: url('../fonts/BwGradualDEMO-Thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Thin.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Thin.woff') format('woff'),
url('../fonts/BwGradualDEMO-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Medium.eot');
src: url('../fonts/BwGradualDEMO-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Medium.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Medium.woff') format('woff'),
url('../fonts/BwGradualDEMO-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-ExtraBold.eot');
src: url('../fonts/BwGradualDEMO-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-ExtraBold.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-ExtraBold.woff') format('woff'),
url('../fonts/BwGradualDEMO-ExtraBold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Light.eot');
src: url('../fonts/BwGradualDEMO-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Light.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Light.woff') format('woff'),
url('../fonts/BwGradualDEMO-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Bold.eot');
src: url('../fonts/BwGradualDEMO-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Bold.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Bold.woff') format('woff'),
url('../fonts/BwGradualDEMO-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bw Gradual DEMO';
src: url('../fonts/BwGradualDEMO-Black.eot');
src: url('../fonts/BwGradualDEMO-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/BwGradualDEMO-Black.woff2') format('woff2'),
url('../fonts/BwGradualDEMO-Black.woff') format('woff'),
url('../fonts/BwGradualDEMO-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'NewYork';
src: url('../fonts/NewYork.eot');
src: url('../fonts/NewYork.eot?#iefix') format('embedded-opentype'),
url('../fonts/NewYork.woff2') format('woff2'),
url('../fonts/NewYork.woff') format('woff'),
url('../fonts/NewYork.ttf') format('truetype'),
url('../fonts/NewYork.svg#NewYork') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
    --body-font: 'Sora', sans-serif;
    --body-font-Size: 16px;
    --body-color: #1a1a1a;
    --primary-color: #ed1f22;
    --secondary-color: #01162c;
    --black: #000;
    --white: #fff;
    --heading-font: 'NewYork';   
    
}
body{
 	font-family: var(--body-font);
	font-size:var(--body-font-Size);
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: var(--body-color);
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: var(--black); /* Safari */
	color:var(--white);
        }
::-moz-selection {
    background: var(--black); /* Firefox */
	color:var(--white);
}
a {
	color:var(--primary-color);
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: var(--primary-color);
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	line-height: 30px;
	}
/******* Headings Style *******/
h1 {font-size: 43px;}
h2 {font-size: 35px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fbfbf9; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}
#status {
    width:100%;
    height:100%;
    position:absolute;
    left:0; /* centers the loading animation horizontally one the screen */
    top:0; /* centers the loading animation vertically one the screen */
    background-image:url(../images/loading.png); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:0; /* is width and height divided by two */
}

/*************** COLUMS AND ROWS ***************/
main{ position:relative;	}
.row-flex{ width: 100%; display: block; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.justify-content-center { justify-content: center; }
.space-between{ justify-content: space-between; }
.justify-content-flex-end{ justify-content: flex-end }
.row{width:100%;display:block;margin:0 0 30px 0;padding:0;}
.clearfix{width:100%;height:100px;margin:0;padding:0;display:block;}
.container{	width:1200px;margin:0 auto;}
.fullwidth{	width:100%;display:block;}
.col-flex-wrp{ display: flex; display: -ms-flexbox; display: flex; justify-content: space-between;}
.two-col{flex:0 0 48%; }
.three-col{	flex:0 0 31%;}
.four-col{flex:0 0 22%;}
section {width: 100%; display: inline-block;position: relative;}
aside { flex:0 0 25%; margin: 0; padding: 0;}
summary { flex:0 0 70%; margin: 0; padding: 0;}
.list{padding: 0px;margin: 0 0 25px;display: flex;width: 100%;flex-direction: column;}
.list li{list-style: none;background-image: url(../images/list.png);background-position: top 7px left;background-repeat: no-repeat;
color: #3a4455;padding-left: 22px;margin-bottom: 10px; line-height: 24px;}
.list li a{ color: #3a4455; }
.btn-style1 a{display: inline-block;position: relative;background-color:var(--white);padding: 12px 55px 14px 20px;border-radius: 50px;color: var(--body-color);font-size: 12px;border: 1px solid #ababab;}
.btn-style1 a:after{content: "";right: 18px;position: absolute;top: 50%;background-repeat: no-repeat;background-image: url(../images/icons/arrow1.png);width: 22px;height: 17px;background-position: center;margin-top: -8.5px;}
.btn-style1 a:hover{ border: 1px solid var(--primary-color); color: var(--primary-color);}


/*************** HOME PAGE CSS ***************/
header{top: -200px;background-color: var(--white); -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;}
.header-wrap{ display: flex;align-items: center;justify-content: space-between;}
.logo img{width: 280px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.head-right a{font-weight: bold;font-size: 12px;color: var(--body-color);margin-right: 10px;}
.head-right a i{width: 27px;height: 27px;border-radius: 50px;border: 1px solid var(--primary-color);text-align: center;
color: var(--primary-color);line-height: 23px;margin-right: 5px;-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.head-right a:hover i{ background-color: var(--primary-color); color: var(--white); }
.head-right{position: relative;padding: 40px 0px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.head-right:after{position: absolute;content: '';width: 1px;height: 100%;left: -52px;top: 0px;background-color: #e2e2e2;}
.head-right a:last-child{ margin-right: 0px; }
.intro{padding: 100px 0px;}
.intro:after{position: absolute;content: '';right: 0px;top: 0px;width: 40%;height: 80%;background-image: url(../images//intro-img2.jpg);background-position: center right;
background-repeat: no-repeat;}
.intro-left{display: inline-block;width: 55%;padding-left: 180px;position: relative;}
.vertical-text{position: absolute;top: -63px;left: 0;white-space: nowrap;transform-origin: 100% 50%;transform: rotate(-90deg) translateY(-26vw);}
.vertical-text h2{font-weight: bold;font-size: 98px;color: var(--white);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #d0d0d0;
margin-bottom: 0;}
.vertical-text h2 span{color: var(--body-color);-webkit-text-stroke-color: var(--body-color);}
.head-cap{font-size: 12px;text-transform: uppercase;position: relative;padding-bottom: 15px;}
.head-cap:after{position: absolute;content: '';width: 60px;height: 1px;left: 0;bottom: 0px;background-color: var(--primary-color);}
.heading{font-family: var(--heading-font);font-size: 48px;text-transform: uppercase;}
.intr-cnter-img{position: absolute;right: -36%;bottom: 0;z-index: 1;}
.collection{ padding: 0px 0px 100px; }
.head-cap2{font-size: 12px;font-weight: 500;position: relative;text-align: center;padding-top: 70px;text-transform: uppercase;letter-spacing: 10px;}
.head-cap2:after{position: absolute;content: '';width: 1px;height: 50px;left: 50%;margin-left: -.5px;background-color: var(--primary-color);top: 0;}
.headingbig{ font-size: 80px; font-family: var(--heading-font); color: var(--body-color); text-align: center;}
.pro-flex-wrap{display: flex;flex-wrap: wrap;gap: 3%;}
.pro-box{flex: 0 0 22.75%;margin-bottom: 30px; position: relative;}
.pro-box:after{ position: absolute; content: ''; width: 0px; height: 2px; left: 50%; bottom: 0px; 
background-color: var(--primary-color); -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.pro-box:hover:after{ width: 100%; left: 0px; }
.pro-cnt{display: flex;justify-content: space-between;padding-top: 25px;padding-bottom: 20px;}
.pro-cnt-left h3{font-size: 16px;font-weight: bold;color: var(--body-color);margin-bottom: 8px;}
.pro-cnt-left h4{font-size: 12px;color: var(--body-color);margin-bottom: 10px;}
.pro-cnt-left h4 span{ color: var(--primary-color); }
.pro-cnt h5{margin-bottom: 0;font-size: 16px;color: var(--body-color);font-weight: bold;}
.ofr-wrap{background-image: url(../images/bg-1.jpg);background-position: center;background-repeat: no-repeat;display: flex;
flex-wrap: wrap;padding: 26px 0 26px 90px;align-items: center;gap: 2%;}
.ofr-left{ position: relative;}
.ofr-left img{max-width: 100%;}
.ofr-left .ofr-prc{position: absolute;right: 0px;bottom: 102px;width: 100px;height: 100px;font-size: 13px;background-color: #00aeef;
border-radius: 50%;display: flex;align-items: center;justify-content: center;font-family: 'Oswald', sans-serif;text-transform: uppercase;
font-weight: 400;padding: 0 11px;text-align: center;color: var(--white);}
.ofr-right h2{font-size: 48px;text-transform: uppercase;}
.ofr-right h2 span{font-weight: 900;}
.ofr-right p img{ max-width: 100%; }
.testimonial{ padding: 100px 0px; }
.test-pad{text-align: center;width: 72%;margin: 0 auto;}
.test-pad p{font-family: 'Merriweather', serif;font-style: italic;font-size: 18px;}
.test-pad h4{font-size: 18px;color: var(--primary-color);line-height: 24px;font-style: italic;}
.test-pad h4 span{font-size: 12px;display: block;color: var(--body-color);font-style: normal;}
.brand{ padding-bottom: 100px; }
.brand-box{ border: 1px solid #e2e2e2; text-align: center; line-height: 0; }
.brand-box img{ max-width: 100%; }
.news-events{ padding: 100px 0px; background-color: #e8e8e8; }
.news-box{ background-color: var(--white);box-shadow: 0 2px 15px #00000021;}
.news-cnt{padding: 30px;}
.news-cnt h4{font-size: 12px;margin-bottom: 12px;}
.news-cnt h2{font-size: 24px;color: var(--primary-color);line-height: 32px;}
.news-cnt p{ margin-bottom: 0px; line-height: 24px; }
.number-counter{ background-color: var(--primary-color); }
.data-progress{display: flex;margin: 0;padding: 0;justify-content: space-between;flex-wrap: nowrap;}
.data-progress li{margin: 0;text-align: center;list-style: none;flex: 0 0 25%;padding: 38px 10px 40px;border-right: 1px solid #ff484b;}
.data-progress li:last-child{ border-right: none; }
.data-progress li h2{margin-bottom: 0px;font-size: 36px;color: var(--white);line-height: 1.2;}
.data-progress li p{margin-bottom: 0px;font-size: 18px;color: var(--white);}
footer{width: 100%;padding: 100px 0px 0;}
.footer-logos{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-bottom: 60px;}
.footer-logos:after{position: absolute;content: '';width: 100%;height: 1px;left: 0px;top: 50%;margin-top: -.5px;background-color: var(--primary-color);z-index: -1;}
.ftr-logo-left{background-color: var(--white);padding-right: 10px;}
.ftr-logo-left img{width: 280px;}
.ftr-logo-right{display: flex;gap: 2%;flex: 0 0 60%;}
.certi-logo{flex: 0 0 15%;background-color: #f1f2f2;text-align: center;padding: 10px;display: flex;align-items: center;
justify-content: center;}
.certi-logo img{ max-width: 100%; }
.ftr-sdrs-wrap{display: flex;flex-wrap: wrap;gap: 2%;}
.ftr-sdrs-box{flex: 0 0 23.5%;position: relative;padding-left: 25px;}
.ftr-sdrs-box:after{position: absolute;content: '';width: 1px;height: 20px;left: 0px;top: 0px;background-color: var(--primary-color);}
.ftr-sdrs-box h3{font-size: 18px;font-weight: bold;position: relative;}
.ftr-sdrs-box p{margin-bottom: 0px;font-size: 14px;position: relative;padding-left: 30px;line-height: 22px;}
.ftr-sdrs-box p i{position: absolute;left: 0px;top: 8px;color: var(--primary-color);font-size: 22px;}
.ftr-sdrs-box p a{color: var(--body-color);}
.copy-wrap{width: 100%;padding: 30px 0px;border-top: 1px solid #e2e2e2;margin-top: 60px;}
.copyright{font-size: 14px;}
.copyright a{color: var(--body-color);}
.ftr-social a{margin: 0 10px;}
.ftr-social a:hover{ color: var(--secondary-color); }

/*************** INNER PAGE CSS ***************/
.pad{ padding: 100px 0px; }
.cnt-wrap{padding: 25px 15px;background-color: #fff;box-shadow: 0px 3px 40px #0000002e;-webkit-box-shadow: 0px 3px 40px #0000002e;-moz-box-shadow: 0px 3px 40px #0000002e;float: left;flex: 0 0 23.5%;border-radius: 20px;margin-bottom: 26px;}
.icon_box { border-bottom:1px solid #e1e1e1; padding-bottom: 7px; margin-bottom: 23px;}
.icon_box:hover i {background-color: var(--secondary-color);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.icon_box i {float:left;margin: 0px 15px 0px 0px;padding: 5px;border-radius:100%;width: 40px;height: 40px;text-align:center;line-height:30px;color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background: var(--primary-color);}
.icon_box .descripion { display:block; overflow:hidden}
.icon_box .descripion h5 {font-size: 18px;margin: 0 0 8px 0;font-weight: 700; }
.icon_box p {margin:0;padding-bottom:15px;line-height: 22px;font-size: 15px;}
.icon_box a { color:#434446;}
.icon_box:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.pad-px{ padding: 10px;}
.contact-wrap{display: flex;width: 100%;gap: 2%;flex-wrap: wrap;}
.mrt{margin-top: 40px;}


/********* INNER BANNER ***************/
.banner{ display: flex; z-index: 0; width: 100%; height: 350px; align-items: center; 
background-image: url(../images/banner1.jpg); background-position: center; background-repeat: no-repeat; position: relative; }
.banner-caption h2{color: #ed1f22;font-size: 46px;margin-bottom: 10px;line-height: 42px;font-family: var(--heading-font);text-shadow: 0 4px 4px #000000d6;}
.banner-caption h4 span{color: var(--body-color);font-size: 15px;}
.banner-caption h4 a{color: var(--body-color);font-size: 13px;}
.banner-caption h4 { padding: 0px 0px; display: inline-flex; margin-bottom: 0px; align-items: center;}
.banner-caption{position: relative;z-index: 1;}
.banner-caption h4 span.b-sep{font-size: 0;width: 23px;height: 21px;margin: 0 5px;background: url(../images/icons/next-arrow.png) no-repeat 0 0;display: inline-block;background-size: 22px;}
.banner1{ background-image: url(../images/banner1.jpg); }

/*************** HEADER SMALLER ***************/
header.smaller{ background-color: #fff; z-index: 9; position: fixed; width: 100%; top: 0px; left: 0px; box-shadow: 0px 0 25px #00000047;
-moz-box-shadow: 0px 0 25px #00000047; -webkit-box-shadow: 0px 0 25px #00000047; -ms-box-shadow: 0px 0 25px #00000047; }
header.smaller .head-right { padding: 20px 0px;}
header.smaller .logo img {width: 215px;}

/************* bounce animation *******/
.bounce-animation {
animation: bounce 2s ease infinite;
-webkit-animation: bounce 2s ease infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	width:100%;
	height: 50px;
	padding: 8px 15px;
	background-color: var(--white);
	display:block;
	border: 1px solid #c1c1c1;
	margin:0 0 10px 0;
	color: #262626;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-left: 2px solid #ec1f22;
	-webkit-border-radius: 5px;
}
textarea.fieldset, textarea{ height: 140px; }
.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size:20px;
	cursor:pointer;
	vertical-align:top;
	padding:10px 20px;
	text-align:center;
	background-color: #ed1f22;
	text-transform:uppercase;
	border-radius: 25px;
	}
.sendbutton:hover{
	background-color: #000000;
	color:#fff;
	}
::-webkit-input-placeholder {
   color: #262626 !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #262626 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #262626 !important;
}
:-ms-input-placeholder {  
   color: #262626 !important;
}

.ofr-right {
    padding-left: 60px;
}

/************************************* 1600px *************************************/
@media only screen and (max-width: 1600px) {
.vertical-text { transform: rotate(-90deg) translateY(-31vw);}
}

/************************************* 1366px *************************************/
@media only screen and (max-width: 1366px) {
.vertical-text { transform: rotate(-90deg) translateY(-37vw);}
.intr-cnter-img { right: -42%;}
.intro-left { padding-left: 120px; width: 50%;}
}

/************************************* 1280px *************************************/
@media only screen and (max-width: 1280px) {
.vertical-text h2 { font-size: 80px;}
.vertical-text { transform: rotate(-90deg) translateY(-32vw);}
}


/************************************* 1200px *************************************/
@media only screen and (max-width: 1200px) {
.container{ width:95%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
.vertical-text h2 { font-size: 65px;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
.intro:after{ display: none; }
.intro-left{ width: 100%; }
.ofr-wrap { background: #ffe0e0; padding: 30px;flex-direction: column; text-align: center;}
.intr-cnter-img{ display: none; }
.ftr-sdrs-box {flex: 0 0 49%; margin-bottom: 25px;}
.ftr-logo-left img {width: 230px;}
.ftr-logo-right { flex: 0 0 40%;}
.headingbig { font-size: 56px;}
.heading { font-size: 38px;}
.pro-box { flex: 0 0 31.33333333%;}
.ofr-right {
    padding-left: 0px !important; 
}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 768px) {
.col-flex-wrp, .row-flex{ flex-direction: column; }
.two-col, .three-col, .four-col, aside, summary{ flex:0 0 100%; margin:0 0 25px 0; }
.vertical-text {transform: rotate(-90deg) translateY(-43vw);}
.header-wrap { flex-wrap: wrap;}
.head-right {flex: 0 0 100%;display: flex;justify-content: space-between;border-top: 1px solid #e2e2e2;padding: 6px 0;
margin-top: 6px;}
header.smaller .head-right{ padding: 6px 0; }
header .container { width: 100%; padding: 0 20px;}
header{ padding-top: 10px; }
.intro, .testimonial, .news-events {padding: 50px 0px;}
.collection, .brand { padding: 0px 0px 50px;}
.ofr-right h2 { font-size: 38px;}
.data-progress li { flex: 0 0 50%;}
.data-progress li {flex: 0 0 50%; border: 1px solid #ff484b !important;}
.data-progress { flex-wrap: wrap;}
footer {padding: 60px 0px 0;}
.cnt-wrap{ margin-bottom: 20px; flex: 0 0 49%;}
.smd60 {width: 100%; padding-top: 50px;}
.pad-left{padding-left: 0;}

}

/************************************* 575px *************************************/
@media only screen and (max-width: 575px) {
.vertical-text { transform: rotate(-90deg) translateY(-57vw);}
.pro-box {flex: 0 0 48.5%; margin-bottom: 10px;}
.footer-logos{ flex-direction: column; }
.ftr-logo-left { padding-right: 0; margin-bottom: 20px;}
.footer-logos:after { margin-top: 38px;}
.heading { font-size: 26px;}
.headingbig { font-size: 40px;}
.copy-wrap .row-flex{align-items: center;}
.copyright{ text-align: center; margin-bottom: 20px; }
.data-progress li p { font-size: 12px;}
.data-progress li h2 { font-size: 28px;}
.head-cap2{ letter-spacing: 6px; }
.contact-wrap{flex-wrap:nowrap; flex-direction: column}
.vertical-text{top: -45px;}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.vertical-text { transform: rotate(-90deg) translateY(-69vw);}
.headingbig { font-size:38px;}
.heading { font-size: 24px;}
.ofr-right h2 { font-size: 24px;}
.ftr-sdrs-wrap{ flex-direction: column; }
.copy-wrap { margin-top: 25px;}
.vertical-text{top: -40px;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.vertical-text{ display: none; }
.intro-left{ padding-left: 0px; }
.pro-flex-wrap { flex-direction: column;}
.heading { font-size: 22px;}
.logo img { width: 200px}
header .container { padding: 0 12px;}
.head-right a { font-size: 11px; margin-right: 0px;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {

}