@charset "utf-8";
/* CSS Document */
@media only screen and (min-width : 1300px) {
	
  .container {
    max-width: 1280px;
  }
  header .container {
    max-width: 95%;
  }
}
@media(max-width:1360px){
	header .nav .nav-link{font-size:14px;}
	nav ul.nav{max-width: 689px;}
	.logo_social{max-width:337px;}
}
@media only screen and (max-width : 1199px) {
	.logo_social{width:349px;}
	nav ul.nav{max-width:580px;}
	header .nav .nav-link{font-size:13px; padding: 0 10px;}
	

  footer .address li {
    font-size: 12px;
  }
  footer .quick-link ul li a {
    font-size: 14px;
  }
  .sec-asset h3 {
    font-size: 4em;
  }
  .sec-asset p {
    font-size: 22px;
  }
}
@media only screen and (max-width : 992px) {
	.dropdown-menu li a{padding:5px !important;}
	.section1{    margin-top: calc(130px - 32px) ;}
  header nav.navbar {
    padding: 10px 0
  }
  .menu-bar img {
    width: 100px;
    height: auto;
  }
  header nav.navbar .nav-social ul {
    margin-left: 0px;
  }
  header nav.navbar .nav-social li img {
    width: 40px;
    height: 40px;
  }
  .navbar-brand img {
    width: 122px;
    height: auto;
  }
  footer .quick-link, footer .address {
    margin-top: 20px;
  }
  .sec-asset h3 {
    font-size: 3em;
  }
  .sec-asset p {
    font-size: 16px;
  }
}
@media(max-width:991px){
	.section1{margin-top:calc(130px - 44px)}
	header .nav .nav-link {
    font-size: 12px;
    padding: 0 5px;
}
	nav ul.nav {
    max-width: 480px;
}
	header nav.navbar .nav-social li img{width:25px; height: 25px;}
	a.navbar-brand {
    margin-right: 15px;
}
	.logo_social {
    width: 218px;
}
	.navbar-brand img{    width: 100px;}
	header nav.navbar .nav-social li{margin-right: 8px;}
	.container{max-width:95% !important}
}
@media(min-width:768px){
	.mobile_nav{display:none;}
}
@media only screen and (max-width : 767px) {
	.logo_social {
    width: 250px;
    justify-content: space-between;
}
	.mobile_nav:after {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: absolute;
    top: -19px;
    left: 0;
}
	.mobile_nav{display:block; visibility: hidden; opacity:0;  transform: translateY(-2em); 
    z-index: -1; overflow: hidden;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
	.mobile_nav.w-menu{opacity:1; visibility: visible;   transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;}
	nav ul.nav{display:none;}
	section.section2.sec-bg .acc-btn img{height:auto; width:30px;}
	a.acc-btn img{ width: 30px;}
	.sec-asset p { margin-top: -5px; }
	.section1 {
    margin-top: calc(95px - 9px);
}
	.menu-bar img{width:45px;}
	header nav.navbar .nav-social li{margin-right:10px;}
	header nav.navbar .nav-social li img {
    width: 30px;
    height: 30px;
}
	.navbar-brand img{width:100px}
  footer .quick-link, footer .address {
    margin-bottom: 20px;
  }
  footer .address li img {
    right: -14px;
  }
  .head-content h2 {
    font-size: 1.4em;
  }
  footer .foot-social ul li {
    text-align: center;
  }
  footer .foot-social ul li img {
    width: 40px;
    height: 40px;
  }
  footer .address ul {
    margin-right: 12px;
  }
  footer {
    padding: 2em 0 3em
  }
  footer .form-group.mb-0 {
    margin-bottom: 1rem !important
  }
  header .navbar-brand {
    display: block;
/*    width: 100%;*/
    text-align: center
  }
  .sec-asset h3 {
    font-size: 2em;
  }
  .sec-asset p {
    font-size: 11px;
  }
}
@media only screen and (max-width : 456px) {
	
	.menu-bar img {
    width: 55px;
}
	header nav.navbar .nav-social li img {
    width: 30px;
    height: 30px;
}
	header nav.navbar .nav-social li {
    margin-right: 10px;
}
	header nav.navbar .nav-social ul {
    margin-left: 0;
}
  .sec-text {
    width: 60%;
  }
  .sec-asset > div {
    flex: inherit;
  }
  .sec-asset .sec-img {
    width: 40%;
  }
  .sec-asset .sec-img img.img2 {
    bottom: -25px;
  }
  .sec-asset p {
    font-size: 9px;
  }
}
@media only screen and (max-width : 370px) {
  .sec-asset .sec-img img.img2 {
    bottom: -10px;
  }
  .sec-asset h3 {
    font-size: 1.5em;
  }
  .sec-asset p {
    font-size: 8px;
  }
}