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

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

	.buis_im img {
		width: 100%;
	}

	.custom_box p, .custom_box li {
  		font-size: 19px;
  		line-height: 32px;
	}

	.founder-img{
		flex: 0 0 220px; 
	}




}



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

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

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

	.hrd__nav {
		margin-bottom: -20px;
	}

	.buis_im img {
		width: 100%;
	}

	.buis_content h3,
	.ofr_content h3 {
		font-size: 25px;
		line-height: 23px;
		margin: 60px 0 25px;
	}

	.buis_content h2,
	.ofr_content h2 {
		font-size: 35px;
		line-height: 40px;
		margin: 0 0 45px;
	}

	.buis_content p {
		font-size: 18px;
		line-height: 30px;
		margin: 0 0 20px;
	}

	.custom_box {
		padding: 30px;
	}

	.custom_box img {
		width: 90px;
	}

	.clients-area img {
		width: 150px;
	}

	.founder-img{
		flex: 0 0 220px; 
	}

	.custom_box h3 {
		font-size: 25px;
		line-height: 30px;
		margin: 20px 0 12px;
	}

	.custom_box p, .custom_box li {
		font-size: 19px;
		line-height: 26px;
	}

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

	.sample-area h2 {
		font-size: 35px;
		line-height: 55px;
	}

	.cnt_text h3 {
		font-size: 25px;
		line-height: 23px;
		margin: 0 0 12px;
	}

	.cnt_text h2 {
		font-size: 35px;
		line-height: 41px;
		margin: 0 0 58px;
	}

	.offer-area, .buisness-area, .clients-area {
		padding: 30px 0 70px;
	}

	.cnt_text ul li a {
		display: flex;
		margin: 0 0 24px;
	}

	.cnt_text ul li span {
		font-size: 21px;
		line-height: 30px;
	}

	.cnt_text ul li a img {
		width: 35px;
		height: 35px;
	}

	.contact__form {
		padding: 30px;
	}

	.contact__form .d-flex {
		display: block !important;
	}

	.contact__form .d-flex input {
		width: 100%;
	}

	.contact__form input,
	.contact__form textarea {
		font-size: 18px;
		line-height: 21px;
		padding: 19px 20px;
		margin: 0 0 20px;
	}

	.contact__form [type="submit"] {
		padding: 18px 65px;
		font-size: 20px;
		line-height: 23px;
		margin: 50px 0 0;
	}



	
}




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

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


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

	.hrd__nav {
		margin-bottom: -20px;
	}

	.buis_im img {
		width: 100%;
	}

	.buis_content h3,
	.ofr_content h3 {
		font-size: 20px;
		line-height: 23px;
		margin: 60px 0 12px;
	}

	.clients-area h3, .seo-process h3{
		font-size: 25px;
		margin: 60px 0 50px;
	}

	.buis_content h2,
	.ofr_content h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0 0 20px;
	}

	.buis_content p {
		font-size: 18px;
		line-height: 30px;
		margin: 0 0 20px;
	}

	.custom_box h3 {
		font-size: 22px;
		line-height: 30px;
		margin: 20px 0 12px;
	}

	.custom_box p, .custom_box li {
		font-size: 18px;
		line-height: 30px;
	}

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

	.sample-area h2 {
		font-size: 24px;
		line-height: 40px;
	}

	.cnt_text h3 {
		font-size: 20px;
		line-height: 23px;
		margin: 0 0 12px;
	}

	.cnt_text h2 {
		font-size: 30px;
		line-height: 35px;
		margin: 0 0 40px;
	}

	.offer-area, .buisness-area, .clients-area {
		padding: 30px 0 70px;
	}

	.cnt_text ul li a {
		display: flex;
		margin: 0 0 24px;
	}

	.cnt_text ul li span {
		font-size: 18px;
		line-height: 30px;
	}

	.cnt_text ul li a img {
		width: 30px;
		height: 30px;
	}

	.contact__form {
		padding: 30px;
	}

	.contact__form .d-flex {
		display: block !important;
	}

	.contact__form .d-flex input {
		width: 100%;
	}

	.contact__form input,
	.contact__form textarea {
		font-size: 18px;
		line-height: 21px;
		padding: 19px 20px;
		margin: 0 0 20px;
	}

	.contact__form [type="submit"] {
		padding: 18px 65px;
		font-size: 20px;
		line-height: 23px;
		margin: 50px 0 0;
	}

	#myBtn {
  		bottom: 20px;
 	 	right: 20px;
  		font-size: 17px;
  		padding: 13px 18px;
	}

	.clients-area img {
		width: 150px;
	}

	.founder-img{
		flex: 0 0 220px; 
	}
}





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

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

	.container {
		padding: 0 20px;
	}

	.blur_bg {
		position: relative;
	}

	.tp_btn img {
		position: absolute;
		right: 30px;
		top: 30px;
	}

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

	.hrd__nav {
		margin: 30px 0 0 15px !important;
	}

	.main_logo img {
		width: 330px;
	}

	.main_logo p, .main_logo h1{
		font-size: 20px;
		padding: 0px 30px 0px 30px;
	  }

	.buis_im img {
		width: 100%;
	}

	.buisness-area {
  		padding: 60px 0;
	}

	.buisness-area p{
		padding: 0px 20px 30px 20px;
		font-size: 18px;
	}

	.founder-copy p{
		padding: 20px 0px 0px 0px;
	}

	.founder-img{
		flex: 0 0 220px; 
	}

	.buis_content {
		text-align: center;
	}

	.buis_content h3,
	.ofr_content h3 {
		font-size: 20px;
		line-height: 23px;
		margin: 60px 0 12px;
	}

	.buis_content h2,
	.ofr_content h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0 0 20px;
	}

	.clients-area h3, .seo-process h3{
		font-size: 25px;
		margin: 60px 0 50px;
	}

	.seo-process img{
		margin-left:10px;
		margin-right:0px;
	  }

	.buis_content p {
		font-size: 18px;
		line-height: 30px;
		margin: 0 0 20px;
	}

	.offer-area, .buisness-area, .clients-area {
		padding: 60px 0 10px;
	}

	.ofr_content h3 {
		margin-top: 0;
	}

	.ofr_content h2 {
		margin-bottom: 35px;
	}

	.custom_box {
		padding: 40px 24px;
		margin: 0 0 30px;
	}

	.offer-area img {
		width: 90px;
		margin-left: calc(50% - 45px);
	}

	.custom_box h3 {
		font-size: 22px;
		line-height: 30px;
		margin: 20px 0 12px;
	}

	.custom_box button{
		font-size: 18px;
		width: 250px;
	}

	.sample-area button{
		font-size: 18px;
	}

	.custom_box p, .custom_box li {
		font-size: 18px;
		line-height: 30px;
	}

	.sample-area {
		background: url(../images/ras_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 170px 24px;
	}

	.sample-area h2 {
		font-size: 24px;
		line-height: 40px;
	}

	.sample-area h2 br {
		display: none;
	}

	.contact-area {
		padding: 0 0 55px;
		background: url(../images/res_ctn.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.cnt_text {
		padding: 48px 0 0;
	}

	.cnt_text h3 {
		font-size: 20px;
		text-align: center;
		line-height: 23px;
		margin: 0 0 12px;
	}

	.cnt_text h2 {
		font-size: 30px;
		text-align: center;
		line-height: 35px;
		margin: 0 0 40px;
	}

	.contact-area .container {
		padding: 0 24px;
	}

	.cnt_text ul li a {
		margin: 0 0 24px;
	}

	.cnt_text ul li span {
		font-size: 18px;
		line-height: 30px;
	}

	.cnt_text ul li a img {
		width: 30px;
		height: 30px;
	}

	.contact-info-area{
		border: none;
	  }

	.contact__form {
		padding: 24px;
		margin: 24px 0 0;
	}

	.contact__form .d-flex {
		display: block !important;
	}

	.contact__form .d-flex input {
		width: 100%;
	}

	.contact__form input,
	.contact__form textarea {
		font-size: 18px;
		line-height: 21px;
		padding: 19px 20px;
		margin: 0 0 20px;
	}

	.contact__form [type="submit"] {
		padding: 18px 65px;
		font-size: 20px;
		line-height: 23px;
		margin: 50px 0 0;
	}

	.footer-area {
		padding: 48px 0 0;
	}

	#myBtn {
  		bottom: 13px;
 	 	right: 11px;
  		font-size: 15px;
  		padding: 10px 14px;
	}

	.clients-area img {
		width: 150px;
	}
	
	.diagram-frame {
    max-height: 350px;
  }

  	.custom_box2 img{
		width: 100%;
	}

	.custom_box2{
		border: none;
		padding-top:0px;
	}

}