@charset "utf-8";
/* CSS Document */

@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; */


/* jquery.bxslider.min.css */
.bx-wrapper{position:relative;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;background:#fff}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px;z-index: 9;bottom: 30px;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#253750;text-indent:-9999px;display:block;width:8px;height:8px;margin:0 10px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition: all .35s ease;-moz-transition: all .35s ease;-ms-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#9e0304;width: 20px;-webkit-transition: all .35s ease;-moz-transition: all .35s ease;-ms-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) 0 -32px no-repeat}
.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) -43px -32px no-repeat}
.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


/* main css */
html{scroll-behavior: smooth;}

*{margin:0; padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,a,p,img{margin:0; padding:0; text-decoration:none;}
header,footer,section,aside,article,div,span{padding:0; margin:0;}
nav,ul,li{padding:0; margin:0; list-style:none;}
img{width:auto; max-width:100%;}
body{float: left;width: 100%;margin:0;font-family: 'Poppins', sans-serif;overflow-x: hidden;}
.container{max-width:1240px; width:100%; margin:0 auto; padding:0 20px;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}


/* header */
header{float: left;width: 100%;position: -webkit-sticky;position: sticky;top: 0;z-index: 999;background: #fff;box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.20);}
.top-header{float: left;width: 100%;margin-bottom: 20px;padding: 6px 0;background: #286cb5;text-align: right;}
.top-header span{font-size: 14px;line-height: normal;font-weight: 400;color: #fff;margin-right: 20px;}
.top-header span img{vertical-align: middle;margin-right: 10px;}
.top-social{float: right;width: auto;}
.top-social li{float: left;width: auto;margin-right: 14px;}
.top-social img{vertical-align: middle;}
.top-social li:last-child{margin-right: 0;}
.top-social li a:hover{opacity: 0.8;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.logo{float: left;max-width: 191px;width: 100%;}
.navigation{float: right;width: auto;margin-top: 16px;}
.navigation nav ul{float: left;width: auto;margin-top: 10px;}
.navigation nav ul li{float: left;width: auto;font-size: 16px;line-height: normal;font-weight: 500;color: #646c84;margin-right: 40px;text-transform: uppercase;position: relative;padding-bottom: 24px;}
.navigation nav ul li a,.contact-call a,.contact-email p a,.top-header span a{color: inherit;}
.navigation nav ul li a,.team-one .people-btn img,.team-two .people-btn img,.top-social li a{-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.navigation nav ul li:hover{color: #286cb5;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
/*.navigation nav ul li::after{width: 0;height: 3px;position: absolute;bottom: 0;left: 50%;content: '';-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;background-color: #286cb5;}*/
.navigation nav ul li:last-child{margin-right: 0;}
/*.navigation nav ul li:hover::after{width: 100%;left: 0;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}*/
.toggle {
  margin-left: 4px;
  float: right;transform: rotate(90deg);
font-size: 20px;
line-height: 26px;
font-weight: 400;color: inherit;
}
.navigation [id^="drop"] {
  display: none;
}
.navigation .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  width: 320px;
  background: #fff;
  padding: 16px 26px;
  z-index: 999;
  border-top: 2px solid #286cb5;margin: 0;
}
.navigation .sub-menu li{padding-bottom: 0;margin-right: 0;font-size: 14px;width: 100%;border-bottom: 1px solid #dbdbdb;padding-bottom: 10px;margin-bottom: 10px;}
.navigation .sub-menu li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.navigation nav ul li:hover > ul {
  display: inherit;
}

.mobile-menu{float: right;cursor: pointer;width: 32px;display: none;}
.bar1, .bar2, .bar3 {
  height: 2px;
  background-color:#000;
  margin: 2px 0;
  transition: 0.4s;width: 30px;border-radius:6px;
  float:right;-webkit-transition: width .5s ease-in;-moz-transition: width .5s ease-in;-ms-transition: width .5s ease-in;-o-transition: width .5s ease-in;transition: width .5s ease-in;
}
.bar1{width: 16px;float: left;}
.bar2{width:32px;}
.bar3{width:16px;}

.change .bar1 {
  -webkit-transform: rotate(-40deg) translate(-2px,6px);
  transform: rotate(-40deg) translate(-2px,6px);
  width:28px;
  background:#fff;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-1px,-8px);
  transform: rotate(45deg) translate(-1px,-8px);
  width:28px;
  background:#fff;
}
.change{cursor: pointer;width: 26px;display:none;}
.mobile-menu:hover .bar1,.mobile-menu:hover .bar2,.mobile-menu:hover .bar3{width:32px;-webkit-transition: width .5s ease-out;-moz-transition: width .5s ease-out;-ms-transition: width .5s ease-out;-o-transition: width .5s ease-out;transition: width .5s ease-out;}
ul .login-btn {
  background-color: #253750;
  font-size: 16px;
  padding: 8px 20px;
  border: 1px solid #01428b;
  border-radius: 4px;
  color: #fff !important;
  font-weight: 700;
}



/* banner */
#banner{float: left;width: 100%;position: relative;}
#banner img,#banner video{float: left;}
.banner-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;text-align: center;}
.banner-content span{font-size: 20px;line-height: normal;font-weight: 400;color: #fff;}
.banner-content h2{font-size: 60px;line-height: normal;font-weight: 700;color: #fff;margin-bottom: 30px;text-transform: uppercase;}
.banner-content a{font-size: 16px;line-height: normal;font-weight: 600;color: #286cb5;background: #fff;padding: 14px 30px;border-radius: 30px;text-transform: uppercase;border: 1px solid #fff;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.banner-content a:hover{border-color: #fff;background: transparent;color: #fff;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}


/* about-us */
#about-us{float: left;width: 100%;padding: 100px 0;background: url(../images/about-us-bg.png);position: relative;transform: perspective(1px) translateZ(0);}
#about-us:before{content: '';background-color: transparent;background-image: linear-gradient(to bottom, #FAFAFA, transparent 100%);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
/*#about-us:before{content: '';background-color: transparent;background-image: radial-gradient(at bottom, #FAFAFADE 0%, #FAFAFA 35%);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}*/
.about-us-left{float: right;width: 57%;margin-top: -18px;}
.about-us-left h1,#product h3,#team h5,.team-right h2,.contact-left h3{font-size: 48px;line-height: normal;font-weight: 600;color: #253750;margin-bottom: 30px;position: relative;text-transform: uppercase;}
.about-us-left h1::after,#product h3::after,#team h5::after,.team-right h2::after,.contact-left h3::after{content: '';width: 70px;height: 6px;background: #253750;position: absolute;bottom: 0;left: 0;}
.about-us-left p{font-size: 16px;line-height: 30px;font-weight: 400;color: #4c4c4c;margin-bottom: 16px;}
.about-us-left p:last-child{margin-bottom: 0;}
.about-us-left p a {color: inherit;}
.about-us-right{float: left;width: 40%;position: relative;overflow: hidden;}
.about-us-right::before{position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.about-us-right:hover::before{-webkit-animation: shine .75s;animation: shine .75s;}
.about-us-left span{font-size: 20px;line-height: normal;font-weight: 600;color: #253750;margin-bottom: 10px;display: block;margin-top: 35px;}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.experiance{float: left;max-width: 355px;width: 100%;background: #fff;margin-left: -30px;margin-top: -110px;position: relative;box-shadow: 0px 0px 20px rgba(0,0,0,0.14);padding: 30px;border-radius: 4px;}
.experiance p{font-size: 16px;line-height: 25px;font-weight: 400;color: #4c4c4c;}
.experiance-content{float: left;width: 100%;padding-left: 50px;position: relative;}
.experiance-content img{position: absolute;top: 0;left: 0;}
.aboutusTop{padding-top: 160px !important;}


/* product */
#product{float: left;width: 100%;background-color: #ecf5ff !important;padding-top: 100px;padding-bottom: 70px;position: relative;transform: perspective(1px) translateZ(0);background: url(../images/specialties-bg.png) no-repeat center center;}
#product::before,#product::after{content: '';width: 647px;height: 94px;background: url(../images/heartbeat.png) no-repeat top left;position: absolute;top: 50%;z-index: -1;}
#product::before{left: 0;}
#product::after{right: 0;}
#product h3{text-align: center;}
#product h3::after{right: 0;margin: 0 auto;}
#product ul,#product-detail ul{float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
#product ul li,#product-detail ul li{float: left;width: 33.33%;padding: 0 15px;text-align: center;margin-bottom: 30px;margin-top: 70px;}
.product-list-content,.product-detail-content{float: left;width: 100%;background: #fff;border-radius: 5px;padding: 0 30px 30px;height: 100%;border: 1px solid transparent;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.product-list-content img{border-radius: 100%;margin-top: -70px;}
.product-list-content h4,.product-detail-content h2{font-size: 20px;line-height: normal;font-weight: 700;color: #373737;margin: 20px 0;}
.product-list-content p,.product-detail-content p{font-size: 16px;line-height: 26px;font-weight: 400;color: #565656;}
.product-detail-content p img{margin: 0 auto;display: table;}
.product-detail-content span{font-size: 14px;line-height: 26px;font-weight: 400;color: #565656;font-style: italic;}
.productTop{padding-top: 160px !important;}
.product-list-content:hover,.product-detail-content:hover{border-color: #286cb5;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}


/* team */
#team{float: left;width: 100%;padding: 100px 0;background: url(../images/testimonial-1.jpg) no-repeat center center;}
#team h5,.team-right h2{color: #fff;}
#team h5::after,.team-right h2::after{background: #fff;}
.team-left{float: left;width: 60%;}
/*#team ul{float: left;width: 50%;display: flex;flex-wrap: wrap;margin-top: 30px;}
#team ul li{float: left;width: 50%;padding: 0 15px;margin-bottom: 30px;}*/
.team-one,.team-two{width:100%;padding-right: 20px;}
.team-two{margin-top: 50px;}
.team-one li,.team-two li{float: left;width: 100%;margin-bottom: 20px;background: #fff;padding: 30px;border-radius: 4px;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.team-one li:hover,.team-two li:hover{box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.46);-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.team-one li h6,.team-two li h6{font-size: 24px;line-height: normal;font-weight: 700;color: #253750;margin-bottom: 4px;}
.team-one li span,.team-two li span{font-size: 18px;line-height: normal;font-weight: 400;color: #373737;margin-bottom: 10px;display: block;}
.team-one li p,.team-two li p{font-size: 14px;line-height: 24px;font-weight: 400;color: #565656;margin-bottom: 20px;}
.team-one .people-btn,.team-two .people-btn{font-size: 14px;line-height: 24px;font-weight: 500;color: #565656;text-transform: uppercase;margin-top: 10px;display: block;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.team-one .people-btn:hover,.team-two .people-btn:hover{color: #253750;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.team-one .people-btn:hover img,.team-two .people-btn:hover img{padding-left: 10px;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.people-linkedin{margin-left: 10px;}
.people-linkedin img{vertical-align: top;}
.people-linkedin:hover{opacity: 0.6;}
.team-right{float: right;width: 36%}
.team-right h2{margin-bottom: 30px;}
.team-right p{font-size: 18px;line-height: 24px;font-weight: 400;color: #fff;margin-bottom: 30px;}
.team-right ul{float: left;width: 100%;}
.team-right ul li{float: left;width: 100%;font-size: 16px;line-height: 24px;font-weight: 400;color: #fff;margin-bottom: 30px;position: relative;padding-left: 30px;}
.team-right ul li::before{content: '';width: 21px;height: 21px;display: inline-block;background:  url("../images/check-mark.png") no-repeat top left;position: absolute;top: 0;left: 0;}
.team-right ul li:last-child{margin-bottom: 0;}
.team-one li {display: flex;justify-content: space-between;}
.teamOneImg {width: 40%;}
.teamOneContent {width: 60%;margin-left: 40px;}


/* popup */
.overlay{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;z-index: 1;display: flex;align-items: center;}
.overlay:target{visibility: visible;opacity: 1;}
.popup{margin: 70px auto;padding: 30px;background: #fff;border-radius: 5px;width: 45%;position: relative;transition: all 5s ease-in-out;}
.popup .close{position: absolute;top: 0px;right: 12px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover{color: #253750;}
.popup .content{max-height: 30%;overflow: auto;}
.popup .content h6{font-size: 30px;line-height: normal;font-weight: 700;color: #253750;margin-bottom: 4px;}
.popup .content span{font-size: 22px;line-height: normal;font-weight: 400;color: #373737;margin-bottom: 20px;display: block;}
.popup .content p{font-size: 16px;line-height: 23px;font-weight: 400;color: #565656;}
.teamTop{padding-top: 160px !important;}


/* contact */
#inuen{float: left;width: 100%;padding: 100px 0;}
.contact-left{float: left;width: 38%;}
.contact-left h3{font-size: 42px;}
.contact-call{font-size: 35px;line-height: normal;font-weight: 400;color: #286cb5;}/*position: relative;padding-left: 70px;}
.contact-call::before{content: '';width: 60px;height: 53px;display: inline-block;background: url("../images/call.png") no-repeat top left;position: absolute;top: 0;left: 0;}*/
.contact-info{float: left;width: 100%;border-top: 1px solid rgba(0,0,0,.1);margin-top: 40px;padding-top: 40px;}
.address,.contact-email{float: left;width: 100%;position: relative;}
.address{padding-left: 64px;margin-bottom: 30px;}
.address::before{content: '';width: 44px;height: 61px;display: inline-block;background: url("../images/address.png") no-repeat top left;position: absolute;top: 0;left: 0;}
.contact-email{padding-left: 80px;}
.contact-email::before{content: '';width: 60px;height: 51px;display: inline-block;background: url("../images/email.png") no-repeat top left;position: absolute;top: 0;left: 0;}
.address h4,.contact-email h4{font-size: 24px;line-height: normal;font-weight: 700;color: #253750;margin-bottom: 4px;}
.address p,.contact-email p{font-size: 16px;line-height: 24px;font-weight: 400;color: #565656;}
.contact-right{float: right;width: 59%;background: #f0f0f0;border-radius: 4px;padding: 30px;}
.contact-right input,.contact-right textarea{float: left;width: 100%;background: #fff;border: none;border-radius: 5px;font-size: 14px;line-height: normal;font-weight: 400;padding: 14px 20px;font-family: 'Poppins', sans-serif;outline: none;margin-bottom: 20px;}
.contact-right textarea{resize: none;min-height: 130px;}
.contact-right button{float: left;width: 100%;font-size: 16px;line-height: normal;font-weight: 700;color: #fff;text-transform: uppercase;cursor: pointer;border: 1px solid #01428b;border-radius: 5px;background: #253750;font-family: 'Poppins', sans-serif;padding: 10px 20px;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.contact-right button:hover,.contact-right button:focus{background: #286cb5;-webkit-transition:  all .35s ease;-moz-transition:  all .35s ease;-ms-transition:  all .35s ease;-o-transition:  all .35s ease;transition:  all .35s ease;}
.contactTop{padding-top: 160px !important;}


/* map */
#map{float: left;width: 100%;}
#map iframe{float: left;}


/* footer*/
footer{float: left;width: 100%;background: #286cb5;text-align: center;padding: 20px 0;}
footer span{font-size: 14px;line-height: normal;font-weight: 400;color: #fff;}
footer span a{margin-left: 10px;}
footer span a img{vertical-align: middle;}


/* inner-banner */
#inner-banner{float: left;width: 100%;text-align: center;padding: 100px 0;position: relative;}
#inner-banner::before{content: '';width: 100%;height: 100%;display: inline-block;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
#inner-banner h1{font-size: 40px;line-height: normal;font-weight: 400;color: #fff;position: relative;z-index: 1;}
.hypertension-banner{background: url(../images/hypertension-management-banner.jpg) no-repeat center center;}
.diabetes-banner{background: url(../images/diabetes-management-banner.jpg) no-repeat center center;}
.hyperlipidemia-banner{background: url(../images/hyperlipidemia-management-banner.jpg) no-repeat center center;}


/* product-detail */
#product-detail{float: left;width: 100%;padding: 100px 0;background: #f6f9fd;}
#product-detail ul li{margin-top: 15px;margin-bottom: 15px;}
.product-detail-content{padding: 30px 30px;border-color: #286cb5;}
.product-detail-content:hover{background: #f7f7f7;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .35s ease;-moz-transition: all .35s ease;-ms-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}





































 






/* responsive */
@media only screen and (max-width: 1900px)
{
}

@media only screen and (max-width: 1800px)
{
}

@media only screen and (max-width: 1700px)
{
}

@media only screen and (max-width: 1600px)
{
}

@media only screen and (max-width: 1500px)
{
	#product::before,#product::after{width: 557px;}
}

@media only screen and (max-width: 1440px)
{
}

@media only screen and (max-width: 1366px)
{
}

@media only screen and (max-width: 1280px)
{
	#product::before,#product::after{width: 477px;}
	#product::before{left: -160px;}
}

@media only screen and (max-width: 1200px)
{
	.experiance{margin-left: -10px;}
}

@media only screen and (max-width: 1100px)
{
	.contact-left h3{font-size: 38px;}
	.contact-call{font-size: 30px;}
}

@media only screen and (max-width: 1024px)
{
	.contact-left h3{font-size: 38px;line-height: 38px;padding-bottom: 15px;}
	#product ul li,#product-detail ul li{width: 43.33%;}
}

@media only screen and (max-width: 900px)
{
	.navigation nav ul li,ul .login-btn{margin-right: 30px;font-size: 15px;}
	.logo{max-width: 170px;}
	.navigation{margin-top: 12px;}
	#about-us,#product-detail{padding: 80px 0;}
	#product{padding-top: 79px;padding-bottom: 50px;}
	#product ul li,#product-detail ul li{width: 50%;}
	#team{padding: 80px 0;}
	.team-left{width: 100%;}
	.team-right{width: 100%;margin-top: 30px;}
	.team-two{margin-top: 0;}
	.popup{width: 90%;}
	#inuen {padding: 80px 0;}
	.contact-call{font-size: 38px;}
	#product::before,#product::after{width: 377px;}
}

@media only screen and (max-width: 800px)
{
	.navigation nav ul li,ul .login-btn{margin-right: 20px;}
	.banner-content h2{font-size: 40px;margin-bottom: 20px;}
	.banner-content a{font-size: 12px;padding: 10px 24px;}
	.contact-call{font-size: 34px;}
	.contact-info{margin-top: 30px;padding-top: 30px;}
	.address h4,.contact-email h4{font-size: 20px;}
	.address p,.contact-email p{font-size: 15px;line-height: 23px;}
	.address::before{width: 32px;height: 42px;background-size: 30px;}
	.address{padding-left: 54px;}
	.contact-email::before{width: 42px;height: 35px;background-size: 40px;}
	.contact-email{padding-left: 53px;}
}

@media only screen and (max-width: 768px)
{
	.about-us-left h1,#product h3, #team h5,.team-right h2,.contact-left h3{font-size: 40px;}
	#product::before,#product::after{width: 367px;}
}

@media only screen and (max-width: 767px)
{
	header{padding-bottom: 10px;}
	.mobile-menu,.change{display: inline-block;}
	#shortmenu{transition-duration: 0.3s;height: 100vh;max-width: 320px; width: 100%;z-index: -1;position: fixed;top: 0;right: -320px;margin-top: 0;display: block;z-index: 9999;background: #286cb5;padding: 20px;}
	.active-menu{right: 0 !important;}
	.change{float: right;}
	.navigation{margin-top: 22px;}
	.navigation nav ul{margin-top: 20px;}
	.navigation nav ul li{margin-right: 0;width: 100%;padding-bottom: 0;}
	.navigation nav ul li{color: #fff;}
	.navigation nav ul li a{width: 100%;border-bottom: 1px solid #3d7ec4;padding: 10px 15px 10px 25px;display: block;position: relative;}
	.navigation nav ul li a::before{content: '-';position: absolute;top: 10px;left: 10px;}
	.navigation nav ul li:hover,.navigation nav ul li a:focus{color: #fff;}
	.navigation nav ul li::after{display: none;}
	.navigation nav ul li:hover > ul{display: none;}
	.navigation .sub-menu{background: none;box-shadow: none;position: static;padding: 0;height: auto;border-top: none;margin-top: 0;width: 100%;}
	.navigation .sub-menu li{font-size: 12px;border: none;padding: 0;margin: 0;}
	.navigation .sub-menu li a{padding: 10px 15px 10px 35px;}
	.navigation .sub-menu li a::before{left: 20px;}
	.navigation [id^="drop"]:checked + ul{display: block !important;}
	.toggle{z-index: 999;position: relative;display: block;cursor: pointer;margin-right: 20px;margin-top: 10px;}
	.login-btn::before{display: none;}
	.login-btn {border-color: #01428b !important;}
	.login-btn{text-align: center;margin-top: 20px;}
	#about-us{padding: 60px 0;}
	.about-us-left{float: right;width: 100%;margin-top: 0;text-align: center;margin-bottom: 30px;}
	.about-us-left h1::after,#product h3::after, #team h5::after,.team-right h2::after,.contact-left h3::after{right: 0;margin: 0 auto;bottom: -4px;}
	.about-us-right{width: 66%;float: none;display: table;margin: 0 auto;}
	#product{padding-top: 59px;padding-bottom: 30px;}
	.about-us-left h1,#product h3,#team h5,.team-right h2,.contact-left h3,.team-one li,.team-two li,.popup,.popup .content p,.team-right p{text-align: center;}
	#team{padding: 60px 0;}
	.team-right ul li{float: none;display: table;margin: 0 auto;width: auto;margin-bottom: 10px;padding-left: 0;text-align: center;}
	.team-right ul li::before{display: none;}
	#inuen{padding: 60px 0;}
	.contact-left{width: 100%;}
	.contact-call{display: table;margin: 0 auto;}
	.address::before,.contact-email::before{right: 0;margin: 0 auto;}
	.address{padding-left: 0;padding-top: 54px;}
	.contact-email{padding-left: 0; padding-top: 53px;}
	.contact-info{text-align: center;}
	.contact-right{width: 100%;margin-top: 40px;}
}

@media only screen and (max-width: 680px)
{
	#product ul li,#product-detail ul li{width: 100%;padding: 0;}
	#team{background-size: cover;}
	.team-one,.team-two{width: 100%;padding-right: 0;}
	header{position: static;}
	#product::before,#product::after{top: 40%;display: none;}
	.bx-wrapper .bx-pager{bottom: 10px;}
}

@media only screen and (max-width: 580px)
{
	.banner-content span{font-size: 18px;}
	.banner-content h2{font-size: 30px;margin-bottom: 10px;}
	.about-us-right{width: 100%;text-align: center;}
	.experiance-content{text-align: left;}
}

@media only screen and (max-width: 480px)
{
	.logo{max-width: 150px;}
	.navigation{margin-top: 20px;}
	/*#banner img{max-width: 120%;}*/
	.banner-content h2{font-size: 26px;}
	.banner-content span{font-size: 15px;}
	.banner-content a{font-size: 11px;padding: 6px 18px;}
	#about-us,#team,#inuen{padding: 40px 0;}
	.about-us-left h1,#product h3,#team h5,.team-right h2,.contact-left h3{font-size: 28px;}
	#product{padding-top: 49px;padding-bottom: 30px;}
	.popup{padding: 20px;}
	.popup .content h6{font-size: 24px;}
	.popup .content span{font-size: 20px;}
	.popup .content p{font-size: 14px;line-height: 26px;}
	.team-one li{padding: 15px;}
	.contact-right{padding: 15px;}
}

@media only screen and (max-width: 380px)
{
	.container{padding: 0 10px;}
	.top-social img{width: 14px;}
	.top-social li{margin-right: 10px;}
	.top-header span img{margin-right: 0px;width: 18px;}
	.contact-call {font-size: 30px;}
}

@media only screen and (max-width: 320px)
{
	.contact-call {
		font-size: 23px;
		text-align: center;
	  }
}