
/********** RESPONSIVE DESIGN 01-07-2020 *********/

@media only screen and (min-width:992px) and (max-width:1199px){


}
@media only screen and (max-width:1023px){
	
}
@media only screen and (min-width:992px) and (max-width:1023px){

}
@media only screen and (max-width:991px){



}


@media only screen and (max-width:767px){

	.pb-col-12 {
		width: 100%;
	}

}

@media only screen and (max-width:575px){



}

@media only screen and (max-width:359px){



}


@media only screen and (min-width:1441px){

}
@media only screen and (min-width:991px){


}

@media only screen and (min-width:768px){
	.pb-col-md-2 {
		width: 20%;
		float: left;
	}
	.pbj-col-md-1{
		width: 14%;
		float: left;
	}
	.pbj-col-md-3{
		width: 43%;
		float: left;
	}
	

}

@media only screen and (max-width:768px){
    .btn-secondary
	{
	    font-size: 12px;
	}
	.btn
	{
	    padding: 4px 6px;
	}
	.how-we-work .work-img-bg::after
	{
	    width: 250px;
        height: 250px;
	}
	.how-we-work .work-img-bg
	{
	    width: 200px;
        height: 200px;
	}
	.how-we-work .work-steps .work-image
	{
	    right: 25%;
        top: -34%;
        width: 52%;
	}
	.accordion-button
	{
	    text-align: left;
	}
	.owl-nav button
	{
	    width: 29px;
        height: 26px;
	}
	.owl-theme .owl-nav 
	{
        margin-top: 50px;
    }
    .foot-col.contact-info 
    {
        padding-left: 0px;
    }
    .footer-bottom p, .footer-main .footer-bottom p
    {
        text-align: center !important;
    }
    .home-slider .main-header .header-top , .home-slider .main-header .header-top .header-top-right
    {
        text-align: center;
    }
    .navbar-collapse
    {
        width: 100%;
        display: block;
        background: #fff;
        right: -100vh;
        position: absolute;
        top: 0;
        padding: 20px;
    }
    .navbar-collapse.collapse.show
    {
        right: 0vh !important;
    }
    .navbar-toggler
    {
        z-index: 99999;
    }
    ul.navbar-nav .nav-item .nav-link
    {
        color: #000 !important;
        padding: 12px 10px !important;
    }
    .navbar-collapse.collapse.in
    {
        width: 100% !important;
    }
    .main-header.sticky .header-bottom .navbar.navbar-expand-lg
    {
        /*width: 100% !important;*/
    }
    .main-header.sticky.stickyhead #navbarSupportedContent
    {
        top: 48px;
    }
    .sidenav 
    {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      right: 0;
      background-color: #fff;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }

    .sidenav a 
    {
      /*padding: 8px 8px 8px 32px;*/
      /*text-decoration: none;*/
      /*font-size: 25px;*/
      /*color: #818181;*/
      /*display: block;*/
      /*transition: 0.3s;*/
    }
    
    .sidenav a:hover 
    {
      color: #808080;
    }
    
    .sidenav .closebtn 
    {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
      z-index: 999999;
    }
    .main-header.sticky.stickyhead .openNav
    {
        /*z-index: 99999;*/
        /*position: fixed;*/
        /*display: none !important;*/
    }
    .openNav, .closebtn
    {
        display: block !important;
    }
    .openNav{
        font-size:30px;
        cursor:pointer;
        display: block;
        text-align: center; 
        color: #fff;
    }
    .main-header.sticky.stickyhead .openNav
    {
        z-index: 99999;
        position: inherit;
        text-align: right !important;
        color: #000 !important;
        font-size: 22px;
    }
    .home-invest-fund .btn-outline-primary
    {
        margin: 0px auto;
    }
    .main-header.sticky .header-bottom .navbar.navbar-expand-lg
    {
        width: 0px;
    }
    .how-we-work .work-steps .work-image , .how-we-work .work-img-bg , .how-we-work .work-steps .work-image img
    {
        display: none;
    }
    .order
    {
        order: 3;
    }
    .home-slider.contacts-section
    {
        min-height: 175px;
    }
}

@media only screen and (min-width:576px){


}

