/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {










}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.modal-backdrop.show {
	    opacity: 0.5;
	}

	.modal-backdrop {
	    background-color: #000;
	}


	.main-wrapper {
		 padding:80px 0px 0px;
		background:#161616;
	}


	.ft-left {
		text-align: center;
    	margin-left: 0rem;
	}

	.ft-right {
		text-align: center;
	    margin-left: 0rem;
	}

	.middle-item {
		margin-top: 20px;
	}


	.middle-item h1 {
		font-size: 40px;
	}


	.ftt-left {
		text-align: center;
    	margin-left: 0rem;
	}

	.ftt-right {
		text-align: center;
	   
	    margin-left: 0rem;
	}

	 .hero_content h1 {
        font-size: 75px;
        margin-bottom: 10px;
        line-height: 100%;
    	letter-spacing: 20px;
    }

    .hero_content > h6 {
        font-size: 16px;
        margin-bottom: 15px;
    }






}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

	.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.modal-backdrop.show {
	    opacity: 0.5;
	}

	.modal-backdrop {
	    background-color: #000000;
	}

	.main-item h2 {
		font-size: 16px;
		margin-bottom: 30px;
	}


	.main-item p {
		font-size: 14px;
		 margin: 6px;
	}


	.para {
	    margin-top: 40px;
	}

	.para p {
		font-size: 14px;
	}

	.deep-p {
    	margin-top: 30px;
	}

	.deep-p p {
		font-size: 14px;
	}


	.content-item p {
		font-size: 14px;
	}

	.deeply p {
		font-size: 14px;
	}

	.deeply {
    	margin-top: 30px;
	}

	.content-item h4 {
		font-size: 16px;
	}

	.do-item p {
		font-size: 14px;
	}

	.what-p p {
		font-size: 14px;
	}

	.we-p p {
		font-size: 14px;
	}

	.what-p {
		margin-top: 20px;
		margin-bottom: 20px;
	}


	.footer-area {
		padding-left: 30px 0px 20px;
	}

	.main-wrapper {
		 padding:80px 0px 0px;
		background:#161616;
	}


	.ft-left {
		text-align: center;
    	margin-left: 0rem;
	}

	.ft-right {
		text-align: center;
	    margin-left: 0rem;
	}

	.middle-item {
		margin-top: 20px;
	}

	.privacy-a a {
		font-size: 16px;
	}

	.middle-item h1 {
		font-size: 30px;
	}

	.middle-item h1 {
		text-align: left;
		margin-top: 30px;
	}

	.second-item  h4 {
		font-size: 16px;
		margin-bottom: 15px;
	}


	.list-p {
	    margin-left: 1rem;
	}

	.ftt-left {
		text-align: center;
    	margin-left: 0rem;
	}

	.ftt-right {
		text-align: center;
	   
	    margin-left: 0rem;
	}


    .hero_content h1 {
        font-size: 55px;
        margin-bottom: 10px;
        line-height: 100%;
        letter-spacing: 15px;
    }

    .hero_content > h6 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .hide-item p {
		  font-size: 14px;
		  
	}



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

    .hero_content h1 {
        font-size: 35px;
        margin-bottom: 10px;
        line-height: 100%;
        letter-spacing: 15px;
    }
}