/*
======================
For - Big - Screen
======================
*/

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

	/*
	================
	baremetal.html
	================
	*/

	



}


/*
=======================
For - Dextop - Screen
=======================
*/

@media screen and (min-width: 1200px) and (max-width: 1919px) {


	.cop_content p br,
	.about_head p br,
	.ftr_content p br {
		display: none;
	}

	.service_link button,
	.service_link a {
  		margin: 0 12px;
  		font-size: 21px;
  		background: #06191D;
	}

	.logo_content p br {
		display: none;
	}

	



}


@media screen and (min-width: 1400px) and (max-width: 1919px) {


	/*
	==============
	pricing-area
	==============
	*/

	.main-area .container-fluid .row {
		max-width: 1284px;
		margin: 0 auto;
	}


	.pricing-header h2 {
		line-height: 150px;
		font-size: 100px;
	}

	.pricing-header {
  		padding: 150px 0 100px;
	}

	.pdng_3 {
		padding: 0 7% 75px;
	}


}


@media screen and (min-width: 1200px) and (max-width: 1399px) {

	.footer-area .container {
		padding: 0 10%;
	}


	/*
	==============
	pricing-area
	==============
	*/

	.main-area .container-fluid .row {
		max-width: 1104px;
		margin: 0 auto;
	}

	.pricing-header h2 {
		line-height: 150px;
	}

	.pricing-header {
  		padding: 150px 0 100px;
	}

	.pdng_3 {
		padding: 0 3% 75px;
	}



}


/*
=======================
For - Leptop - Screen
=======================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

	

	/*
	=============
	Home-Page1
	=============
	*/

	.header-area {
		padding: 0;
	}

	.hdr_a {
		font-size: 27px;
	}

	.header_list li a {
  		font-size: 19px;
  		line-height: 1.5;
  		margin: 0 12px;
	}

	.cop_connect-area {
		padding: 40px 0;
	}

	.cop_content {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

	.cop_content h2 {
		font-size: 48px;
		line-height: 58px;
	}

	.cop_content p {
  		font-size: 19px;
  		line-height: 25px;
  		margin: 25px 0 34px;
	}

	.cop_content p br {
		display: none;
	}

	.cop_content a {
  		font-size: 18px;
  		line-height: 1;
  		padding: 12px 54px 15px;
  	}

  	.cop_img img {
  		width: 100%;
  		margin: 40px 0 0;
  	}

  	.service_head h2 {
  		font-size: 37px;
  		line-height: 50px;
  		margin: 27px 0 38px;
	}

	.service_link button,
	.service_link a {
		/*! display: block; */
		/*! width: 100%; */
		margin: 0 9px 15px;
		font-size: 16px;
		background: #06191D;
	}

	.shape_1 {
		display: none;
	}

	.pdng_1 {
		padding: 70px 0 0;
	}

	.service_img {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
	}

	.service_img img {
		margin: 0 0 50px;
	}

	.service_content p {
		text-align: justify;
	}

	.powered_h2 {
		font-size: 31px;
		margin: 0 0 20px;
	}

	.logo_div {
		margin: 0 0 80px;
	}

	.about_head h2 {
		font-size: 38px;
		line-height: 40px;
		margin: 0 0 20px;
	}

	.about_head p {
		font-size: 17px;
		line-height: 25px;
		/*! text-align: justify; */
	}

	.about_head p br {
		display: none;
	}

	.about_head p:first-of-type {
  		margin: 0 0 20px;
	}

	.about_head {
		padding: 50px 0;
	}

	.pricing-area {
		padding: 50px 0;
	}

	.amount_box {
		margin: 0 auto 30px !important;
		height: 100%;
		padding: 33px 30px 10px;
	}

	.image_logo {
		padding: 0;
	}

	.logo_link img {
		margin: 0 5%;
		width: 181px;
		object-fit: contain;
		height: 67px;
	}

	.ftr_content {
		margin: 0 0 30px;
	}

	.footer-area .container {
		padding: 0 3%;
	}

	.ftr_content h2 {
		font-size: 21px;
	}

	.ftr_content p, .ftr_content a {
		font-size: 15px;
	}

	.ftr_content p br {
		display: none;
	}

	.ftr_mail ul li a {
		margin: 0 10px 0 0;
	}

	.footer-area {
		padding-bottom: 0;
	}


	/*
	==============
	Pricing-Page
	==============
	*/

	.pricing-header {
		padding: 180px 0;
	}

	.pricing-header h2 {
	  	font-size: 65px;
	  	line-height: 49px;
	  	margin: 0 0 22px;
	}

	.pricing-header p {
		font-size: 29px;
		line-height: 45px;
	}

	.pdng_3 {
		padding: 0 0 70px 0;
	}


	/*
	==============
	Contact-Page
	==============
	*/

	.contact_head {
		padding: 90px 0 0;
	}

	.contact_head h2 {
	  	font-size: 50px;
	  	line-height: 63px;	
	  	margin: 0 0 10px;
	}

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

	.ctn_area > h2 {
		font-size: 43px;
		margin: 100px 0 40px;
	}

	.logo_content h3 {
		font-size: 30px;
	}

	.logo_content p {
		font-size: 17px;
		line-height: 24px;
	}

	.logo_content p br {
		display: none;
	}


}


/*
=======================
For - Ipad - Screen
=======================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {

	/*
	=============
	Home-Page1
	=============
	*/

	.header-area {
		padding: 0;
	}

	.hdr_a {
		font-size: 20px;
	}

	.header_list li a {
  		font-size: 16px;
  		line-height: 1.5;
  		margin: 0 12px;
	}

	.cop_connect-area {
		padding: 40px 0;
	}

	.cop_content {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}

	.cop_content h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.cop_content p {
  		font-size: 17px;
  		line-height: 25px;
  		margin: 25px 0 34px;
	}

	.cop_content p br {
		display: none;
	}

	.cop_content a {
  		font-size: 17px;
  		line-height: 1;
  		padding: 12px 54px 15px;
  	}

  	.cop_img img {
  		width: 100%;
  		margin: 40px 0 0;
  	}

  	.service_head h2 {
  		font-size: 34px;
  		line-height: 50px;
  		margin: 27px 0 38px;
	}

	.service_link button,
	.service_link a {
		/*! display: block; */
		/*! width: 100%; */
		margin: 0 13px 15px;
		font-size: 16px;
		background: #06191D;
	}

	.shape_1 {
		display: none;
	}

	.pdng_1 {
		padding: 70px 0 0;
	}

	.service_img {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
	}

	.service_img img {
		margin: 0 0 50px;
	}

	.service_content p {
		text-align: justify;
	}

	.powered_h2 {
		font-size: 31px;
		margin: 0 0 20px;
	}

	.logo_div {
		margin: 0 0 80px;
	}

	.about_head h2 {
		font-size: 38px;
		line-height: 40px;
		margin: 0 0 20px;
	}

	.about_head p {
		font-size: 17px;
		line-height: 25px;
		/*! text-align: justify; */
	}

	.about_head p br {
		display: none;
	}

	.about_head p:first-of-type {
  		margin: 0 0 20px;
	}

	.about_head {
		padding: 50px 0;
	}

	.pricing-area {
		padding: 50px 0;
	}

	.amount_box {
		margin: 0 auto 30px !important;
		height: auto;
	}

	.image_logo {
		padding: 0;
	}

	.logo_link img {
		margin: 0 5%;
		width: 181px;
		object-fit: contain;
		height: 67px;
	}

	.ftr_content {
		margin: 0 0 30px;
	}

	.footer-area .container {
		padding: 0 3%;
	}

	.ftr_content h2 {
		font-size: 21px;
	}

	.ftr_content p, .ftr_content a {
		font-size: 15px;
	}

	.ftr_content p br {
		display: none;
	}

	.ftr_mail ul li a {
		margin: 0 10px 0 0;
	}

	.footer-area {
		padding-bottom: 0;
	}


	/*
	==============
	Pricing-Page
	==============
	*/


	.pricing-header {
		padding: 80px 0 0;
	}

	.pricing-header h2 {
	  	font-size: 44px;
	  	line-height: 49px;
	  	margin: 0 0 15px;
	}

	.pricing-header p {
		font-size: 25px;
		line-height: 45px;
	}

	.pdng_3 {
		padding: 0 0 70px 0;
	}

	.simple_text {
		font-size: 17px;
		line-height: 23px;
	}


	/*
	==============
	Contact-Page
	==============
	*/

	.contact_head {
		padding: 90px 0 0;
	}

	.contact_head h2 {
	  	font-size: 50px;
	  	line-height: 63px;	
	  	margin: 0 0 10px;
	}

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

	.ctn_area > h2 {
		font-size: 43px;
		margin: 100px 0 40px;
	}

	.logo_content h3 {
		font-size: 30px;
	}

	.logo_content p {
		font-size: 17px;
		line-height: 24px;
	}

	.logo_content p br {
		display: none;
	}

	/*
	==============
	Resell-Page
	==============
	*/

	.serve_content p {
		font-size: 20px;
		line-height: 28px;
	}

	.serve_content small {
		font-size: 17px;
		line-height: 20px;
		margin: 33px 0 30px;
	}


	
}





/*
=======================
For - Mobile - Screen
=======================
*/

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

	.container,
	.container-fluid {
		max-width: 100%;
		padding: 0 20px !important;
	}


	/*
	=============
	Home-Page1
	=============
	*/

	.header-area {
		padding: 0;
	}

	.hdr_a {
		font-size: 20px;
	}

	.header_list li a {
  		font-size: 17px;
  		line-height: 1.5;
  		margin: 0;
	}

	.cop_connect-area {
		padding: 40px 0;
	}

	.cop_content {
		padding: 0;
	}

	.cop_content h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.cop_content p {
  		font-size: 17px;
  		line-height: 25px;
  		margin: 25px 0 34px;
	}

	.cop_content p br {
		display: none;
	}

	.cop_content a {
  		font-size: 17px;
  		line-height: 1;
  		padding: 12px 54px 15px;
  	}

  	.cop_img img {
  		width: 100%;
  		margin: 40px 0 0;
  	}

  	.service_head h2 {
  		font-size: 37px;
  		line-height: 50px;
  		margin: 27px 0 38px;
	}

	.service_link button,
	.service_link a {
		display: block;
		width: 100%;
		margin: 0 0 15px;
		font-size: 16px;
		background: #06191D;
	}

	.shape_1 {
		display: none;
	}

	.pdng_1 {
		padding: 70px 0 0;
	}

	.service_img img {
		margin: 0 0 50px;
	}

	.service_content p {
		text-align: justify;
	}

	.powered_h2 {
		font-size: 31px;
		margin: 0 0 20px;
	}

	.logo_div {
		margin: 0 0 80px;
	}

	.about_head h2 {
		font-size: 38px;
		line-height: 40px;
		margin: 0 0 20px;
	}

	.about_head p {
		font-size: 17px;
		line-height: 25px;
		text-align: justify;
	}

	.about_head p br {
		display: none;
	}

	.about_head p:first-of-type {
  		margin: 0 0 20px;
	}

	.about_head {
		padding: 50px 0;
	}

	.pricing-area {
		padding: 50px 0;
	}

	.amount_box {
		margin: 0 auto 30px !important;
		height: auto;
	}

	.ftr_content {
		margin: 0 0 30px;
	}

	.ftr_content h2 {
		font-size: 20px;
	}

	.ftr_content p,
	.ftr_content a {
		font-size: 16px;
	}


	/*
	==============
	Pricing-Page
	==============
	*/


	.pricing-header,
	.contact_head {
		padding: 80px 0 0;
	}

	.pricing-header h2,
	.contact_head h2,
	.ctn_area > h2 {
	  	font-size: 44px;
	  	line-height: 49px;
	  	margin: 0 0 15px;
	}

	.ctn_area > h2 {
		margin-top: 60px;
		margin-bottom: 50px;
	}

	.pricing-header p,
	.contact_head p {
		font-size: 25px;
		line-height: 38px;
	}

	.pdng_3 {
		padding: 0 0 70px 0;
	}

	.simple_text {
		font-size: 17px;
		line-height: 23px;
	}


	/*
	==============
	Contact-Page
	==============
	*/

	.logo_content h3 {
		font-size: 30px;
	}

	.logo_content p {
		font-size: 17px;
		line-height: 24px;
	}

	.logo_content p br {
		display: none;
	}


	/*
	==============
	Resell-Page
	==============
	*/

	.serve_content p {
		font-size: 20px;
		line-height: 28px;
		text-align: justify;
	}

	.serve_content small {
		font-size: 17px;
		line-height: 20px;
		margin: 33px 0 30px;
	}



}