* {
padding: 0px;
margin: 0px;
box-sizing: border-box;
}

/* <style>
@import url('https://fonts.googleapis.com/css2?family=Poppins: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&display=swap');
font-family: "Poppins", sans-serif;
</style>     */

body {
font-family: "Poppins";
overflow-x:hidden;
}

a {
text-decoration: none !important;
}

ul {
padding: 0px !important;
list-style: none !important;
margin:0px !important;
}

img{
max-width:100%;
height:auto;  
}

@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-Regular.eot");
src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-Regular.woff2") format("woff2"),
url("../fonts/Poppins-Regular.woff") format("woff"),
url("../fonts/Poppins-Regular.ttf") format("truetype"),
url("../fonts/Poppins-Regular.svg#Poppins-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-Medium.eot");
src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-Medium.woff2") format("woff2"),
url("../fonts/Poppins-Medium.woff") format("woff"),
url("../fonts/Poppins-Medium.ttf") format("truetype"),
url("../fonts/Poppins-Medium.svg#Poppins-Medium") format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}


@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-SemiBold.eot");
src: url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
url("../fonts/Poppins-SemiBold.woff") format("woff"),
url("../fonts/Poppins-SemiBold.ttf") format("truetype"),
url("../fonts/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins-Bold.eot");
src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),
url("../fonts/Poppins-Bold.woff2") format("woff2"),
url("../fonts/Poppins-Bold.woff") format("woff"),
url("../fonts/Poppins-Bold.ttf") format("truetype"),
url("../fonts/Poppins-Bold.svg#Poppins-Bold") format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Aestetico Formal';
src: url('../fonts/AesteticoFormal-Bold.eot');
src: url('../fonts/AesteticoFormal-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/AesteticoFormal-Bold.woff2') format('woff2'),
url('../fonts/AesteticoFormal-Bold.woff') format('woff'),
url('../fonts/AesteticoFormal-Bold.ttf') format('truetype'),
url('../fonts/AesteticoFormal-Bold.svg#AesteticoFormal-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

.wrapper{
margin-top:120px;  
}

/* btn */

.btn1, .contact-bg .wpcf7-submit, .more-link{
background: #0368a0;
padding:14px 30px;
border:2px solid #0368a0;
border-radius:50px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
font-size:16px;
display:inline-block;
width:fit-content;
transition:0.5s ease-in-out all 0s;
}

.btn1:hover,
.contact-bg .wpcf7-submit:hover,
.contact-bg .wpcf7-submit:active,
.contact-bg .wpcf7-submit:focus,
.more-link:hover
{
background:inherit;
color:#0368a0;  
transition:0.5s ease-in-out all 0s;  
}

/* header */

.header{
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
z-index: 999;
padding:5px 0px;
background:#fff;
}

.fixed-header {    
top: 0px;
animation: smoothScroll 1s;
z-index: 999;
transition: all 0.5s ease 0s;
box-shadow: 0 0 6px #00000054;
}

.logo a img{
width:210px;
transition: all 0.5s ease 0s;
}

.fixed-header .logo a img{
width:170px; 
transition: all 0.5s ease 0s; 
}

.menu ul li{
font-size: 16px;
font-weight: 400;
float:left;
margin-right:60px;
}

.menu ul li a{
color: #0f0f0f;
transition:0.5s ease-in-out all 0s; 
}

.menu ul li a:hover{
transition:0.5s ease-in-out all 0s;     
}

/* banner-sec */

.banner-sec{
position: relative;
z-index:1;
margin-top:116px;  
}

.master-slider {
position: relative !important;
z-index:2;
}

.ms-slide:before{
position:absolute;
content:"";
background:url(../images/banner-shape.png) no-repeat 0 0;
width:56%;
height:100%;
top:0px;
right:0px;
background-position:top right;
background-size:cover;
z-index:1;
}

.ms-slide-info{
position: absolute !important;
margin-top:0px !important;
width: 100%;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}

.banner-part{
max-width:640px;  
}

.banner-heading{
font-size: 45px;
line-height: 66px;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
font-family: 'Aestetico Formal';
}

.banner-para{
font-size: 16px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
padding:15px 0px 30px;
}

.banner-sec .btn1:hover{
border-color:#fff;
color:#fff;  
}

.ms-info a, .ms-info a:hover{
transition:all 0.5s ease-in-out !important;
}

.ms-skin-default .ms-nav-prev{
background:url(../images/left-arrow.png) no-repeat 0 0 !important;
width:18px !important;
height:35px !important;
display:block;
background-size:contain !important;	
}

.ms-skin-default .ms-nav-next{
background:url(../images/right-arrow.png) no-repeat 0 0 !important;
width:18px !important;
height:35px !important;
display:block;
background-size:contain !important;		
}

/* service-sec */

.main-heading{
font-size: 38px;
line-height:1.2;	
text-transform: uppercase;
color: #0f0f0f;
font-weight: bold;
font-family: 'Aestetico Formal';
position: relative;
z-index:1;
}

.main-heading:before{
position: absolute;
content: "";
background: url(../images/heading-shape.png) no-repeat 0 0;
background-position: center;
width: 100%;
height: 100%;
left: 0px;
right: 0px;
z-index: -1;
}

.service-box{
position: relative;
margin-top:40px;  
}

.service-box:before{
position:absolute;
content:"";
background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 25%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
width:100%;
height:100%;
left:0px;
bottom:0px;
border-radius:15px; 
}

.service-box img{
border-radius:15px;  
}

.service-box-heading{
font-size: 24px;
line-height:1.3;
color: #ffffff;
font-weight: bold;
font-family: 'Aestetico Formal';
position: absolute;
left:20px;
right:20px;
bottom:27px;
text-align: center;
}


/* about-sec */

.about-sec{
background:url(../images/bg-texture.png) #f4f4f4 no-repeat 0 0;
padding:100px 0px;
background-size:cover;
background-blend-mode:darken;  
}

.about-para{
font-size: 16px;
line-height: 30px;
color: #0f0f0f;
font-weight: 400;
}

.about-sec .main-heading:before{
background-position: left;
left: -150px;
}

.about-left-top{
display:flex;
align-items:start;
justify-content:start;
position:relative;	
}

.exp-box1{
border-radius: 15px;
background: #0368a0;
padding: 18px 18px;
width: 100%;
max-width: 185px;
margin:20px 10px 0px 18px;
}

.exp-box-heading1{
font-size: 48px;
line-height:56px;
color: #ffffff;
font-weight: 700;
}

.exp-box-para1{
font-size:16px;
color:#fff;
font-weight:400;
}

.about-img1, .about-img2{
border-radius:15px;
width:100%;  
}

.about-left-bottom{
margin-top:20px;
display:flex;
align-items:center;
position: relative;
}

.about-img2{
max-width:72%;  
}

.exp-box2{
border-radius: 15px;
background: #ffffff;
padding: 15px 18px;
width:100%;
max-width:204px;
position:absolute;
right:25px;
}

.exp-box-heading2{
color: #0368a0;
margin-left:12px;
}

.exp-box-para2{
color: #0368a0;
text-align:center;
padding-top:5px;
}

.about-box-bg{
border-radius: 20px;
background: #ffffff;
padding:28px 22px;
margin-top:35px;
display:flex;
align-items:center;
}

.about-box-text-body{
width:80%;
margin-left:22px;
}

.about-box-heading{
font-size: 18px;
line-height: 30px;
color: #0f0f0f;
font-weight: bold;
font-family: 'Aestetico Formal';
padding-bottom:5px;
}

.about-box-para{
font-size: 16px;
line-height: 25px;
color: #0f0f0f;
font-weight: 400;
}

/* gallery-sec */

.wpcp-single-item{
margin-bottom:60px !important;
}

.nav-vertical-center{
margin:0px !important;    
}

#sp-wp-carousel-free-id-32 .wpcp-single-item{
border:0px !important;    
}

.wpcp-single-item, .wpcp-carousel-section .wpcp-single-item img{
border-radius:15px;    
}

.wpcp-carousel-section .swiper-button-prev,
.wpcp-carousel-section .swiper-button-next{
top:inherit !important;
bottom:-30px !important;    
}

/* wcu-sec */

.wcu-box{
border: 1px solid #0368a0;
border-radius:20px;
padding:18px 40px;
display:flex;
align-items:center; 
box-shadow:inset 0px 0px 24px -10px #0368a0;
height:100%;
}

.wcu-heading{
font-size: 16px;
color: #0f0f0f;
font-weight: 700;
margin-left:15px;
}

/* step-sec */

.step-sec{
background:url(../images/bg-texture.png) #0368a0 no-repeat 0 0;
padding:100px 0px 230px;
background-blend-mode:color-burn;
background-size:cover;
}

.step-sec .main-heading:before{
background:url(../images/heading-shape2.png) no-repeat 0 0;
background-position:center;
}

.wcu-icon-box{
text-align:center; 
margin-top:55px; 
position: relative;
}

.work-box1, .work-box2{
position: relative;  
}

.work-box1:before, .work-box2:before{
position:absolute;
content:""; 
width:104px;
height:27px; 
background:url(../images/step-arrow.png) no-repeat 0 0;
top:23%;
left:100%;
background-size:contain;
}

.work-box2:before{
transform: scale(1, -1);
}

.work-icon-bg{
width: 106px;
height: 106px;
border-radius:50%;
background: #ffffff;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
outline:1px dashed #0368a0;
outline-offset: -6px;
}

.work-box-heading{
font-size: 20px;
color: #ffffff;
line-height:1.3;
font-weight: bold;
font-family:'Aestetico Formal';
margin-top:13px;
}

/* contact-sec */

.contact-sec{
margin-top:-135px;
}

.contact-bg{
background:url(../images/contact-shape.png) #fff no-repeat 0 0;
padding:65px 70px;
border-radius: 20px;
box-shadow:0px 0px 20px 1px #29292910;
background-size:cover;
background-position:-80px center;
}

.contact-bg p{
margin-bottom:18px;    
}

.contact-bg .wpcf7-text, .contact-bg select, .contact-bg textarea{
background: #ffffff;
border: 1px solid #0368a0;
border-radius:15px;
padding:17px 25px;
width:100%;
font-size: 15px;
color: #4a4a4a;
font-weight: 400;
outline:0px;	
}

.contact-bg textarea{
height:120px;    
}

.contact-bg ::placeholder{
font-size: 15px;
color: #4a4a4a;
font-weight: 400;
}

.contact-bg .wpcf7-submit{
 padding:14px 45px;
 margin:20px auto 0px;
 display:block;   
}

.contact-bg .wpcf7-spinner{
position:absolute;    
}

/* testimonial-sec */


.sp-testimonial-free{
background:#fff !important;
padding:55px 30px 30px !important;
border-radius:20px !important;
box-shadow:0px 0px 10px 1px #00000020;
margin:10px 10px 80px;
position:relative !important;
}

.sp-testimonial-client-rating{
position:absolute;
top:30px;
left:30px;    
}

.sp-testimonial-free-section.swiper-initialized, .sp-testimonial-free-section:not(.swiper-initialized,.tfree-layout-grid){
margin:0px -10px !important;
}

.sp-testimonial-free-section .sp-testimonial-client-testimonial p{
font-size: 16px !important;
line-height: 30px !important;
color: #0f0f0f !important;
font-weight: 400 !important;
padding:0px 10px 0px 0px !important;
text-align:left !important;
height:120px !important;
overflow-y:auto !important;
scrollbar-width:thin !important;    
}

.sp-testimonial-client-name{
font-size: 16px !important;
line-height: 30px !important;
color: #0f0f0f !important;
font-weight: 700 !important;
text-align:right !important;
font-style:italic !important;
}

.fa-angle-right:before{
position:absolute;
content:"";
background:url(../images/testimonial-arrow.png) #cde1ec no-repeat 0 0;
width:44px;
height:44px;
top:0px;
right:0px;
background-size:contain;
border-radius:10px;
background-size:10px !important;
background-position:center !important;
}

.fa-angle-left:before{
position:absolute;
content:"";
background:url(../images/testimonial-arrow.png) #cde1ec no-repeat 0 0;
width:44px;
height:44px;
top:0px;
left:0px;	
background-size:contain;
border-radius:10px;
background-size:10px !important;
background-position:center !important;
transform:rotate(-180deg);
}

.sp-testimonial-free-section .testimonial-nav-arrow{
top:inherit !important;    
bottom:-30px !important;    
}

.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev, .wpcp-carousel-section.nav-vertical-center .swiper-button-prev{
left:88% !important;    
}

.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-next, .wpcp-carousel-section.nav-vertical-center .swiper-button-next{
right:4% !important;    
}

/* footer-sec */

.footer-sec{
background:url(../images/footer-shape.png) #022d45 no-repeat 0 0; 
padding:120px 0px 0px;
background-size:cover;
background-position:center -150px; 
width:100%;
margin-top:60px;
}

.page-id-8 .footer-sec{
margin-top:100px;    
}

.footer-logo{
margin-bottom:25px;  
}

.footer-logo img{
width:166px;	
}

.footer-heading{
font-size: 18px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
padding-bottom:15px;
}

.footer-menu ul li{
font-size: 14px;
line-height: 36px;
font-weight: 400;
color:#fff;	
}

.footer-menu ul li a{
color: #ffffff;
transition:0.5s ease-in-out all 0s;
}

.contact-info ul li{
font-size: 14px;
color: #ffffff;
font-weight: 400;
line-height:30px;
margin-bottom:15px;
position: relative;
padding-left:42px;
}

.contact-info ul li span, .social-icons ul li a{
width: 28px;
height: 28px;
border-radius: 14px;
background: #959595;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
top:2px;
left:0px;
transition:0.5s ease-in-out all 0s;
}

.contact-info ul li span:hover, .social-icons ul li a:hover{
background:#0088d2;
transition:0.5s ease-in-out all 0s; 
}

.social-icons ul li{
float:left; 
margin-right:18px; 
}

.social-icons ul li a{
position:inherit;
transition:0.5s ease-in-out all 0s;
}

.footer-menu ul li a:hover, .contact-info ul li a:hover{
color:#0088d2;
transition:0.5s ease-in-out all 0s; 
}

.contact-info ul li span img, .social-icons ul li a img{
width:14px; 
}

.contact-info ul li a{
color: #ffffff; 
transition:0.5s ease-in-out all 0s; 
}

.copyright-text{
font-size: 14px;
color: #ffffff;
font-weight: 400;
text-align:center;
padding:15px;
margin-top:60px;
border-top:1px solid #ffffff50;
}

/* scroll to top */

.upper-arrow {
background:#959595;
border-radius:50%;
padding:8px;
bottom: 0;
color: #ffffff;
height:50px;
position: fixed;
right: 20px;
bottom: 20px;
text-align: center;
text-transform: uppercase;
width:50px;
opacity: 0;
z-index: 10000;
font-size: 0;
border: 0;
transition: all 0.4s ease-in-out 0s;
cursor: pointer;
outline: none;
}

.upper-arrow:hover{
background:#022d45;  
transition: all 0.4s ease-in-out 0s;
}

.fa-chevron-up {
line-height: 35px;
-webkit-font-smoothing: antialiased;
font-family: "FontAwesome";
font-size: 22px;
}

#top.show {
opacity: 1;
}

.upper-arrow img{
animation: bounce 1.5s infinite;
} 


@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
40% {-webkit-transform: translateY(-12px);}
60% {-webkit-transform: translateY(-3px);}
}

.site-content, .site-main .widecolumn {
margin-left: 0px !important;
}
.page .entry-header, .blog_page_header {
background: url("../images/inner-banner.jpg") no-repeat center !important;
background-size: cover !important;
max-width: 100% !important;
padding:160px 0 160px !important;
margin: 116px 0 0px !important;
position: relative;
overflow: hidden;
text-align: center;
}

.blog_page_header{
margin-bottom:60px !important;	
}

.page .entry-header:before, .blog_page_header:before {
background: rgba(0, 0, 0, 0.7);
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page .entry-content {
max-width: 100% !important;
padding: 0px !important;
}
.content-area, .content-sidebar {
padding-top: 0px !important;
}
.page .entry-title, .blog_page_title {
color: #fff;
position: relative;
font-size: 32px;
font-weight: 600;
text-transform: none;
z-index: 99;
margin-bottom: 3px;
}
.breadcrumb-container {
width: 100%;
color: #fff;
position: relative;
font-size: 15px;
}
.breadcrumb-container a {
color:#0368a0;
}
.page {
margin-top: 0 !important;
}

/* footer-fixed */

.footer-fixed-buttons {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 99;
}
.footer-btn1 {
  background:#4CB3ECD1;
  width: 100%;
  float: left;
  padding: 10px 0;
  animation: button-color-change .8s infinite;
  border-radius: 15px 15px 0 0;
  font-weight: 500;
  font-size: 20px;
}
.footer-btn2 {
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	height: 44px;
	width: 44px;
	border-radius: 50%;
	padding: 9px 12px 0;
}
.footer-btn3 {
	background:#0368a0;
	width: 50%;
	float: left;
	padding: 10px 0;
	animation: button-color-change .8s infinite;
}

@keyframes button-color-change {
    0% {
        color: #000;
    }

    50% {
        color: #fff;
    }

    100% {
        color: #000;
    }
}

/* error message */

.error_container {
display: flex;
min-height: 100vh;
align-items: center;
text-align: center;
margin-top:50px;
}

/* blog */

.more-link {
font-weight:700;
display: block;
width: fit-content;
margin-top:20px;
}

.wp-block-heading {
border-top: 5px solid #0368a0;
color: #141414;
font-size: 18px;
font-weight: 600;
margin: 0 0 18px;
padding-top: 7px;
text-transform: uppercase;
}

.site-content .has-post-thumbnail .entry-header {
margin-top: 0 !important;
}

.post-template-default .site-content .entry-content,
.post-template-default .site-content .entry-header,
.blog .site-content .entry-header,
.blog .site-content .entry-summary {
max-width: 100% !important;
}

.content-sidebar .widget a{
color:#2e2e2e !important;
transition:0.3s ease-in-out all 0s;	
}

.entry-meta a, .entry-title a{
transition:0.3s ease-in-out all 0s;
}

.content-sidebar .widget a:hover, .entry-meta a:hover, .entry-title a:hover {
color:#0368a0 !important;
transition:0.3s ease-in-out all 0s;		
}

.site-content .entry-title{
font-weight:500;
}

.post .entry-summary, .post .entry-content{
font-size: 16px;
line-height: 30px;
color: #0f0f0f;
font-weight: 400;	
}

/* responsive */

@media only screen and (max-width : 767px) {
.ms-view, .ms-slide, .ms-slide-bgcont{height: 380px !important;}
.ms-slide-bgcont img{object-fit: cover;max-width: 100% !important;}
.ms-slide:before{width:100%;}
.banner-sec .container{padding:0px;}
.ms-slide-info{left:4% !important;right:4% !important;width:auto !important;}
.ms-nav-next, .ms-nav-prev{display:none !important;}
.exp-box1{margin:0px 10px 0px 0px !important;}
.about-img2{max-width:88%;}
.exp-box2{right:0px;}
.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev, .wpcp-carousel-section.nav-vertical-center .swiper-button-prev{left:35% !important;}
.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-next, .wpcp-carousel-section.nav-vertical-center .swiper-button-next{right:35% !important;}	
}


@media only screen and (min-width : 300px) and (max-width : 1023px) {
.primary-navigation, .header .btn1, .work-box1:before, .work-box2:before{display:none;}
.copyright-text{padding-bottom:60px;margin-top:30px;}	
.upper-arrow{bottom:60px !important}	
}

@media only screen and (min-width : 300px) and (max-width : 1024px) {
.logo a img, .fixed-header .logo a img{width:150px;}	
.wrapper{margin-top:60px;}
.banner-heading{font-size:28px;line-height:40px;}
.banner-para{padding:10px 0px 20px;line-height:27px;}
.main-heading{font-size:30px;}
.main-heading:before{background-size:50%;}
.service-box{margin-top:24px;}
.banner-sec{margin-top:86px;}
.about-sec{padding:60px 0px;}
.about-img1{max-width:60%;}	
.exp-box1, .exp-box2{padding:15px;}	
.exp-box-heading1{font-size:30px;line-height:45px;}	
.exp-box-para1{font-size:15px;}	
.about-para{font-size:15px;line-height:28px;}
.about-box-bg{padding:22px;}
.about-box-heading{font-size:17px;line-height:27px;}
.step-sec{padding:60px 0px 190px;}
.wcu-icon-box{margin-top:30px;}
.work-box-heading{font-size:18px;}	
.contact-bg{padding:40px 30px;}
.footer-sec{margin-top:60px !important;padding-top:60px;}
.page .entry-header, .blog_page_header{padding:60px 0px !important;margin-top:86px !important;}
.page .entry-title, .blog_page_title{font-size:30px;}	
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {

}

@media only screen and (min-width : 481px) and (max-width : 767px) {

}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.banner-part{max-width:500px;}
.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev, .wpcp-carousel-section.nav-vertical-center .swiper-button-prev{left:84% !important;}
.work-box1:before, .work-box2:before{width:88px !important;}
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.banner-part{max-width:500px;}
.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev, .wpcp-carousel-section.nav-vertical-center .swiper-button-prev{left:84% !important;}
.work-box1:before, .work-box2:before{width:88px !important;}	
}

/* iPhone X/XS */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}

/* iPhone XR */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}

/* iPhone XS Max */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

}


/* iPad Pro 12.9 inch */
@media only screen and (min-device-width: 1024px) and (max-device-width:1199px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.menu ul li{margin-right:36px;}
}


/* iPad Pro 12.9 inch */
@media only screen and (min-device-width: 1024px) and (max-device-width:1199px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.menu ul li{margin-right:36px;}
}

@media screen and (min-width: 1424px) {

}

@media screen and (min-width: 1624px) {

}

@media screen and (min-width: 1920px) {
	
}

@media screen and (min-width: 2048px) {

}

@media screen and (min-width: 2550px) {

}