body
{
    overflow-x: hidden;
}

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

@media screen and (max-width: 1280px)
{
	
    header .navbar-dark .navbar-nav .nav-link
    {
        font-size: 14px;
    }
    
}

@media screen and (max-width: 1024px)
{
   header .navbar-dark .navbar-nav .nav-link
   {
      font-size: 13px;
      padding: 10px 5px;
   }
}

@media screen and (max-width: 997px)
{ 
	/* Navbar positioning foo */
	header .navbar-wrapper .navbar 
	{
	    border-radius: 4px;
   		background-color: var(--bgcolor);
    	padding: 15px;
	}
 
    h2
    {
        font-size: 30px !important;
    }


	header .navbar-brand
	{
		margin-right: 15px;
	}
	
	.qoute_box h2
	{
		padding: 0;
	}

	header .svg-img li a 
	{
	    padding: 10px 10px !important;
	}

	header .navbar-wrapper
	{
		top: 0;
	}

	header .navbar-wrapper .container
	{
		padding-right: 0;
		padding-left: 0;
		max-width: 100%;
	}

    header .svg-img li a img
    {
        filter: initial;
    }

    .dktop
    {
        display: none;
    }

    .mobileHeader
    {
        display: block;
    }

    header .navbar-dark .navbar-nav .nav-link
    {
        color:#fff;
    }
}

@media screen and (max-width: 768px)
{ 
    /* Navbar positioning foo */
	header .navbar-wrapper .navbar 
	{
	    border-radius: 4px;
   		background-color: var(--bgcolor);
    	padding: 15px;
	}

    .header-bottom.header-sticky .container
    {
        padding-right: 0px;
        padding-left: 0px;
    }

    .banner h1
    {
        font-size: 50px;
    }

    .banner p
    {
        font-size: 24px;
    }

    h2
    {
        font-size: 30px !important;
    }

    .mtt-re
    {
        margin-top: 20px;
    }

	header .navbar-brand
	{
		margin-right: 15px;
	}

	header .svg-img li a 
	{
	    padding: 10px 10px !important;
	}

	header .navbar-wrapper
	{
		top: 0;
	}

	header .navbar-wrapper .container
	{
		padding-right: 0;
		padding-left: 0;
		max-width: 100%;
	}

    header .navbar-collapse {
        position: absolute;
        top: 60px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 50%;
    	background-color: rgba(6, 6, 6, 1);
    	padding-top: 10px;
    	height: 100vh;
    }

    header .navbar-collapse.collapsing {
        height: auto;
        -webkit-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
        left: -100%;
    }
    
    header .navbar-collapse.show {
        left: 0;
        -webkit-transition: left 0.3s ease-in;
        -o-transition: left 0.3s ease-in;
        -moz-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
    }
}


@media screen and (max-width: 767px)
{
   	header .navbar-collapse {
        width: 100%;
    	
    }

    .header-bottom.header-sticky .container
    {
        padding-right: 0px;
        padding-left: 0px;
    }

    header .navbar-brand
    {
        margin-right: 30px;
    }

    header .navbar-collapse
    {
        top: 55px;
    }

    h3
    {
        font-size: 20px !important;
    }

    h2
    {
        font-size: 22px !important;
    }

    .main-pad
    {
        padding: 30px 0;
    }

    .about h2
    {
        margin-bottom: 12px;
    }

      .top_header .container,
    .top_header .container .top_details
    {
        display: flex;
        flex-direction: column;
        text-align: center;
            font-size: 14px;
    }

    .top_header .container .top_details .mr-4
    {
        margin: 10px 0 !important;
    }

       .header-bottom,
    .top_header
    {

        border-bottom:1px solid #cbcbcb;
    }


    .banner h1
    {
        font-size: 40px;
    }

    .banner p
    {
        font-size:20px;
    }

       header
    {
        display: block;
    }

    .header
    {
        display: block;
    }

    header .navbar-trans {
    background: transparent;
    padding-right: 0;
    padding-left: 15px;
    }

    .nav-link1
    {
        display: block;
    }

    .form-container
    {
        position: relative;
        width: 100%;
    }

    .login_f form
    {
            padding: 30px 30px 0;
    }

    .login_f h1
    {
        font-size: 20px;
    }

    .alig .offset-1
    {
        margin-left: initial;
    }

    .footer1.bg-img
    {
        background-image: none !important;
    }

    .footer1.bg-img::before
    {
        display: none
    }

}

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