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

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

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

	.table-area table {
		width: 100%;
	}



}


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

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


	/*
	================
	home.html
	================
	*/


	.about_content ul li a img {
  		margin: 0 10px 0 0;
  		width: 93px;
  		height: 57px;
  		object-fit: contain;
	}

	.image_link li a {
		margin: 0 4px 0 0;
	}


	/*
	================
	contact.html
	================
	*/

	.spt_shape {
		width: 100%;
	}

	.app_link a {
		margin: 0 2px 0 0;
	}

	.overlay2 {
		width: 100%;
	}


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

	.table-area table {
		width: 100%;
	}



}


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

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


	/*
	================
	home.html
	================
	*/


	.reliable_box h2 {
		font-size: 20px;
		margin: 19px 0 10px;
	}

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

	.reliable_box ul li span {
		font-size: 13px;
		margin: 0 0 0 2px;
	}

	.reliable_box ul li img {
		width: 18px;
	}

	.reliable_box {
		padding: 27px 20px;
	}

	.reliable_box img {
		width: 50px;
	}

	.poly_logo-area ul li a img {
		padding: 0 22px;
		width: 100%;
	}

	.about_content ul li a img {
  		margin: 0 10px 0 0;
  		width: 76px;
  		height: 57px;
  		object-fit: contain;
	}

	.details_box p {
		font-size: 14px;
		line-height: 20px;
	}


	/*
	================
	contact.html
	================
	*/

	.spt_shape {
		width: 100%;
	}

	.app_link a {
		margin: 0 12px 12px 0;
	}

	.overlay2 {
		width: 100%;
	}


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

	.support_content p br {
		display: none;
	}


}


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

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

	/*
	================
	home.html
	================
	*/

	.header-area {
		padding: 4px 0;
	}

	.header-area .navbar-brand img {
		width: 100px;
	}

	.compute-area {
		padding: 40px 0 100px;
	}

	.compute_content h2 {
  		font-size: 35px;
  		line-height: 48px;
	}

	.double_link a:first-child {
		padding: 12px 23px;
	}

	.double_link a:nth-child(2) {
		padding: 12px 29px;
	}

	.head_h2 {
		font-size: 35px;
		margin: 0 0 20px;
		line-height: 40px;
	}

	.reliable-area {
		padding: 45px 0;
	}

	.serve_text p {
		font-size: 16px;
		margin: 20px 0 50px;
	}

	.poly_logo-area {
		padding: 0 0 100px;
	}

	.pdng-1 {
		padding: 0;
	}

	.why_us-area .col-md-6 {
		margin-bottom: calc(var(--bs-gutter-x) * 1);
	}

	.reliable-area .col-md-6 {
		margin-bottom: calc(var(--bs-gutter-x) * 1);
	}

	.poly_logo-area ul li a img {
		width: 100%;
		width: 115px;
		height: 48px;
		object-fit: contain;
	}

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

	.about_im img {
		padding: 0;
	}

	.about_content {
		margin: 40px 0 0;
	}

	.about_content h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.about_content p {
  		font-size: 16px;
  		line-height: 25px;
  		margin: 10px 0 33px;
  		text-align: justify;
	}

	.about_content ul li a img {
  		margin: 0 5px 0 0;
  		width: 60px;
  		height: 42px;
  		object-fit: contain;
	}

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

	.ftr_links {
		padding: 80px 0 0;
	}

	.footer-area p, .footer-area a {
		font-size: 15px;
		line-height: 20px;
	}

	.footer-area p br {
		display: none;
	}

	.main_links li a {
		line-height: 30px;
	}

	.ftr_links h2 {
		margin: 0 0 10px;
	}

	.ftr_icons li a {
  		margin: 0 10px 0 0;
	} 

	.ftr_icons li a img {
		width: 18px;
	}

	#ticket_a {
  		font-size: 12px;
  		line-height: 15px;
  		margin: 15px 0 15px;
  		padding: 10px;
	}

	.image_link li a {
		margin: 0 4px 4px 0;
	}

	.image_link li a img {
		width: 30px;
	}


	/*
	================
	contact.html
	================
	*/

	.spt_shape {
		width: 100%;
		top: 50px;
	}

	.app_link a {
		margin: 0 12px 12px 0;
	}

	.overlay2 {
		bottom: -100px;
		width: 100%;
	}


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

	.baremetal_content {
		margin: -50px 0 50px;
	}

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

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

	.advantage_shape,
	.advantage_shape1 {
		width: 100%;
	}

	.overlay11 {
		top: 0;
	}



	/*
	================
	reseller.html
	================
	*/

	.resell_box {
		padding: 40px 25px;
	}

	.resell_box h2 {
		font-size: 40px;
		line-height: 45px;
	}

	.resell_box small {
		font-size: 15px;
		margin: 10px 0 20px;
	}

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




	
}





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

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


	/*
	================
	home.html
	================
	*/

	.header-area {
		padding: 4px 0;
	}

	.header-area .navbar-brand img {
		width: 80px;
	}

	.hdr_list {
		margin: 30px 0 0;
	}

	.hdr_list li a::before {
		background: transparent;
	}

	.compute-area {
		padding: 40px 0 100px;
	}

	.compute_content h2 {
  		font-size: 35px;
  		line-height: 48px;
	}

	.double_link a {
		display: block;
		width: 100%;
		text-align: center;
	}

	.double_link a:first-child {
		padding: 10px 22px;
		margin: 0 0 10px;
	}

	.double_link a:nth-child(2) {
		padding: 11px 28px;
	}

	.double_link {
		padding: 30px 0 0;
	}

	.compute_image img {
		margin: 30px 0 0;
	}

	.why_us-area > img {
		width: 100%;
	}

	.head_h2 {
		font-size: 35px;
		margin: 0 0 20px;
		line-height: 40px;
	}

	.pdng-1 {
		padding: 0;
	}

	.details_box {
		margin-bottom: calc(var(--bs-gutter-x) * 1);
		height: auto;
	}

	.reliable-area {
		padding: 45px 0;
	}

	.reliable-area > img {
  		top: -29px;
  		width: 100%;
	}

	.serve_text p {
		font-size: 16px;
		margin: 20px 0 50px;
	}

	.reliable_box {
		height: auto;
		margin-bottom: calc(var(--bs-gutter-x) * 1);
	}

	.poly_logo-area {
		padding: 0 0 100px;
	}

	.poly_logo-area > img {
  		top: -55px;
  		width: 100%;
	}

	.poly_logo-area ul {
		flex-wrap: wrap;
	}

	.poly_logo-area ul li {
		width: 100%;
	}

	.poly_logo-area ul li a img {
		width: 100%;
		margin: 0 0 40px;
	}

	.about_im img {
		padding: 0;
	}

	.about_content {
		margin: 40px 0 0;
	}

	.about_content h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.about_content p {
  		font-size: 16px;
  		line-height: 25px;
  		margin: 10px 0 33px;
  		text-align: justify;
	}

	.about_content ul li a img {
  		margin: 0 6px 0 0;
  		width: 60px;
  		height: 60px;
  		object-fit: contain;
	}

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

	.footer-area .container-fluid {
		max-width: 375px;
		margin: 0 auto;
	}

	.ftr_content {
		text-align: center;
		margin: 0 0 50px;
	}

	.ftr_links {
		padding: 0 0 50px 30px;
	}

	.ftr_links h2 {
		margin: 0 0 10px;
	}

	.main_links li a {
		line-height: 35px;
	}

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

	.footer-area > img {
		width: 100%;
	}


	/*
	================
	contact.html
	================
	*/

	.enjoy_content h2 {
  		font-size: 30px;
  		line-height: 38px;
	}

	.enjoy_content p {
		font-size: 16px;
		line-height: 20px;
		margin: 15px 0 0;
	}

	.arow_image a img {
		width: 50px;
		padding: 25px 0 0;
	}

	.arow_image {
	   margin: 0 15px 0 0;
	}

	.spt_shape {
		width: 100%;
		top: 50%;
	}

	.app_link a {
		display: block;
		width: 100%;
		margin: 0 0 10px;
		text-align: center;
	}

	.overlay1 {
		width: 100%;
		top: -29px;
	}

	.overlay2 {
		width: 100%;
		bottom: 100px;
	}


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

	.baremetal_content {
		margin: -50px 0 50px;
	}

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

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


	/*
	================
	reseller.html
	================
	*/

	.resell_box {
		padding: 25px 20px;
	}

	.resell_box h2 {
		font-size: 35px;
		line-height: 45px;
	}

	.resell_box small {
		font-size: 13px;
		margin: 10px 0 20px;
	}

	.resell_box p {
		font-size: 15px;
		line-height: 23px;
	}


}