
/* Normal desktop :1365px. */
@media (min-width: 1365px) and (max-width: 1600px) {

	.about-left {
		margin-left: -118px;
	}
	.about-right {
		margin-left: 34px;
	}
	.about-thumb img {
		width: 100%;
	}
	.section-main-title h1 {
		font-size: 36px;
	}
	.skill-left {
		position: relative;
		left: -83px;
	}
	.skill-thumb img {
		width: 100%;
	}
	.skill-thumb-shape {
		right: -9%;
	}
	.private-office-right {
		margin-left: -25px;
	}
	.about-video-button {

		right: 15%;
	}
	.contact-thumb-left {
		margin-left: 96px;
	}
	.private-content {
		margin: 0 154px 0 0;
	}
	.about-content {
		margin: 0 155px 0 0;
	}
	.team-content {
		height: 35%;
	}
	.service-details-content h2 {
		font-size: 18px;
	}


}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1364px) {
	.about-left {
		margin-right: 48px;
	}
	.about-right {
		margin-left: -25px;
	}
	.about-thumb img {
		width: 100%;
	}
	.section-main-title h1 {
		font-size: 36px;
	}
	.about-content {
		overflow: hidden;
		margin: 0 130px 0 0;
	}
	.skill-left {
		left: -28px;
	}
	.skill-thumb img {
		width: 100%;
	}
	.skill-thumb-shape {
		right: -4%;
	}
	.private-office-right {
		margin-left: -25px;
	}
	.about-video-button {
		top: 16%;
		right: 15%;
	}
	.about-video-button a {
		height: 60px;
		width: 60px;
		line-height: 60px;
	}
	.contact-thumb-left {
		margin-left: 96px;
	}


}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.header-menu ul li {
		margin: 0 0 0 20px;
	}
	.header-top-right-social ul li a {
		padding: 8px 25px;
	}
	.about-thumb img {
		width: 100%;
	}.section-main-title h1 {
		font-size: 24px;
	}
	.about-content {
		margin: 0 26px 0 0;
	}
	.service-single-box {
		padding: 50px 12px 43px;
	}
	.about-shape img {
		width: 53%;
	}
	.even-content {
		padding: 32px 15px 15px;
	}
	.even-title h3 a {
		font-size: 19px;
	}

	.skill-left {
		left: -22px;
	}
	.skill-thumb img {
		width: 100%;
	}
	.skill-thumb-shape {
		right: -3%;
	}
	.private-office-right {
		margin-left: -29px;
	}
	.private-content {
		margin: 0 119px 0 0;
	}
	.subscribe-section .form-box input {
		width: 60%;
	}
	.blog-content {
		padding: 20px 15px 33px;
	}
	.blog-title h3 a {
		font-size: 18px;
	}
	.recent-tost-img {
		margin-right: 7px;
	}
	.recent-tost-text a {
		font-size: 13px;
	}
	.about-area.style-two .about-left {
		margin-left: -24%;
	}
	.about-video-button {
		top: 16%;
		right: 15%;
	}
	.about-video-button a {
		height: 60px;
		width: 60px;
		line-height: 60px;
	}
	.contact-thumb-left {
		margin-left: 15px;
	}
	

	.faq-thumb img {
		width: 100%;
	}
	
	.service-details-main-title h1 {
		font-size: 35px;
	}
	.service-details-content h2 {
		font-size: 13px;
	}
	.service-details-number {
		right: 23px;
	}
	.blog-two-area .blog-title h3 a {
		font-size: 16px;
		line-height: 23px;
	}
	.widget-categories-box {
		padding: 42px 20px 25px;
	}
	
}



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.header-top-menu {
		display: none;
	}
	.header-area {
		display: none;
	}
	.hero-description p {
		width: 89%;
	}
	.about-area {
		padding: 100px 120px;
	}
	.about-left {
		margin-left: -113px;
		margin-bottom: 30px;
	}
	.about-right {
		margin-left: -111px;
	}
	.section-main-title h1 {
		font-size: 24px;
	}
	.about-content {
		margin: 0 159px 0 0;
	}
	.service-section {
		padding: 100px 0 74px;
	}
	.service-single-box {
		margin-bottom: 30px;
	}
	.service-section .section-description p {
		margin: auto;
		width: 95%;
	}
	.even-section {
		padding: 100px 0 71px;
	}
	.even-single-box {
		margin-bottom: 30px;
	}
	.even-title h3 a {
		font-size: 19px;
	}
	.main-section {
		padding: 100px 0 148px;
	}
	.vedio-thumb img {
		width: 100%;
	}
	.priching-section {
		padding: 100px 0 70px;
	}
	.priching-single-box {
		margin-bottom: 30px;
	}
	.skill-section {
		padding: 100px 0 70px;
	}
	.skill-left {
		left: 0;
		margin-bottom: 40px;
	}
	.skill-thumb img {
		width: 100%;
	}
	.skill-thumb-shape {
		right: -4%;
	}
	.private-office-section {
		padding: 100px 0 100px;
	}
	.private-office-right {
		margin-left: 0;
	}
	.private-thumb img {
		width: 100%;
	}
	.subscribe-section .form-box input {
		width: 78%;
	}
	.bolg-single-box {
		margin-bottom: 30px;
	}
	.blog-title h3 a {
		font-size: 19px;
	}
	.blog-section {
		padding: 100px 0 70px;
	}
	.team-section {
		padding: 100px 0 70px;
	}
	.team-single-box {
		margin-bottom: 30px;
	}
	.counter-section {
		padding: 100px 0 70px;
	}
	.counter-songle-box {
		margin-bottom: 30px;
	}

	
	


	.contact-area {
		padding: 100px 0 0px;
	}
	.contact-single-box {
		margin-bottom: 30px;
	}
	.contact-thumb-left {
		margin-left: 120px;
		margin-bottom: 130px;
	}
	.contact-shape {
		top: -6%;
		right: 27%;
	}
	.form_box input {
		width: 200%;
	}
	.form_box textarea{
		width: 200%;
	}
	.faq-section {
		padding: 100px 0 100px;
	}
	.tab_container {
		margin-top: 20px;
	}
	.service-detials-area {
		padding: 100px 0 70px;
	}
	.service-details-main-title h1 {
		font-size: 39px;
	}
	.widget_search {
		margin-top: 30px;
	}
	.blog-detials-area {
		padding: 100px 0 70px;
	}


}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px){
	.header-top-menu {
		display: none;
	}
	.header-area {
		display: none;
	}
	.hero-content {
		margin-top: 35px;
	}
	.hero-main-title h1 {
		font-size: 50px;
		line-height: 62px;
	}
	.hero-description p {
		width: 89%;
	}
	.about-area {
		padding: 100px 120px;
	}
	.about-left {
		margin-left: -95px;
		margin-bottom: 30px;
	}
	.about-thumb img {
		width: 100%;
	}
	.about-shape img {
		width: 60%;
	}
	.section-main-title h1 {
		font-size: 22px;
	}
	.about-right {
		margin-left: -95px;
	}
	.about-content {
		margin: 0 159px 0 0;
	}
	.about-content {
		margin: 0 5px 0 0;
	}
	.service-section {
		padding: 100px 0 74px;
	}
	.service-single-box {
		margin-bottom: 30px;
	}
	.service-section .section-description p {
		margin: auto;
		width: 95%;
	}
	.even-section {
		padding: 100px 0 71px;
	}
	.even-single-box {
		margin-bottom: 30px;
	}
	.even-title h3 a {
		font-size: 21px;
	}
	.main-section {
		padding: 100px 0 148px;
	}
	.vedio-thumb img {
		width: 100%;
	}
	.priching-section {
		padding: 100px 0 70px;
	}
	.priching-single-box {
		margin-bottom: 30px;
	}
	.skill-section {
		padding: 100px 0 70px;
	}
	.skill-left {
		left: 0;
		margin-bottom: 40px;
	}
	.skill-thumb img {
		width: 100%;
	}
	.skill-thumb-shape {
		right: -22%;
	}
	.skill-thumb-shape img {
		width: 60%;
	}
	.private-office-section {
		padding: 100px 0 100px;
	}
	.private-office-right {
		margin-left: 0;
	}
	.private-thumb img {
		width: 100%;
	}
	.subscribe-section .form-box input {
		width: 96%;
	}
	.bolg-single-box {
		margin-bottom: 30px;
	}
	.blog-title h3 a {
		font-size: 19px;
	}
	.blog-section {
		padding: 100px 0 70px;
	}
	.footter-bottm-right {
		text-align: left;
	}
	.team-section {
		padding: 100px 0 70px;
	}
	.team-single-box {
		margin-bottom: 40px;
	}
	.counter-section {
		padding: 100px 0 70px;
	}
	.counter-songle-box {
		margin-bottom: 30px;
	}
	.portfolio_nav ul li {
		margin: 6px 10px;
	}

	.contact-area {
		padding: 100px 0 0px;
	}
	.contact-single-box {
		margin-bottom: 30px;
	}
	.contact-thumb-left {
		margin-left: 75px;
		margin-bottom: 130px;
	}
	.contact-shape {
		top: -6%;
		right: 4%;
	}
	.form_box input {
		width: 100%;
	}
	.form_box textarea{
		width: 100%;
	}
	.faq-section {
		padding: 100px 0 100px;
	}
	.tab_container {
		margin-top: 20px;
	}
	.service-detials-area {
		padding: 100px 0 70px;
	}
	.service-details-main-title h1 {
		font-size: 30px;
	}

	.portfolio-detials-area {
		padding: 90px 0 80px;
	}
	.portfolio-details-main-title h1 {
		font-size: 38px;
	}
	.blog-two-area {
		padding: 100px 0 70px;
	}
	.widget_search {
		margin-top: 30px;
	}
	.blog-detials-area {
		padding: 100px 0 70px;
	}
	.blog-details-main {
		padding: 22px;
	}
	.blog-details-author-inner {
		padding: 30px 13px 70px;
	}

		
	
}

/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {
	.header-top-menu {
		display: none;
	}
	.header-area {
		display: none;
	}
	

	.hero-content {
		margin-top: 35px;
	}
	.hero-main-title h1 {
		font-size: 50px;
		line-height: 62px;
	}
	.hero-description p {
		width: 100%;
	}
	.about-area {
		padding: 100px 120px;
	}
	.about-left {
		margin-left: -109px;
		margin-bottom: 30px;
	}
	.about-thumb img {
		width: 100%;
	}
	.about-shape img {
		width: 50%;
	}
	.section-main-title h1 {
		font-size: 22px;
	}
	.about-right {
		margin-left: -109px;
	}
	.about-content {
		margin: 0 159px 0 0;
	}
	.about-content {
		margin: 0 5px 0 0;
	}
	.service-section {
		padding: 100px 0 74px;
	}
	.service-single-box {
		margin-bottom: 30px;
	}
	.service-section .section-description p {
		margin: auto;
		width: 95%;
	}
	.even-section {
		padding: 100px 0 71px;
	}
	.even-single-box {
		margin-bottom: 30px;
	}
	.even-content {
		padding: 32px 10px 15px;
	}
	.even-title h3 a {
		font-size: 23px;
	}
	.main-section {
		padding: 100px 0 148px;
	}
	.vedio-thumb img {
		width: 100%;
	}
	.priching-section {
		padding: 100px 0 70px;
	}
	.priching-single-box {
		margin-bottom: 30px;
	}
	.skill-section {
		padding: 100px 0 70px;
	}
	.skill-left {
		left: 0;
		margin-bottom: 40px;
	}
	.skill-thumb img {
		width: 100%;
	}
	.skill-thumb-shape {
		right: -20%;
	}
	.skill-thumb-shape img {
		width: 60%;
	}
	.private-office-section {
		padding: 100px 0 100px;
	}
	.private-office-right {
		margin-left: 0;
	}
	.private-thumb img {
		width: 100%;
	}
	.private-content {
		margin: 0 120px 0 0;
	}
	.subscribe-section .form-box input {
		width: 96%;
	}
	.subscribe-section .form-box button {
		margin-left: -163px;
		padding: 10px 13px;
	}
	.bolg-single-box {
		margin-bottom: 30px;
	}
	.blog-title h3 a {
		font-size: 19px;
	}
	.blog-section {
		padding: 100px 0 70px;
	}
	.footter-bottm-right {
		text-align: left;
	}
	.team-section {
		padding: 100px 0 70px;
	}
	.team-single-box {
		margin-bottom: 40px;
	}
	.counter-section {
		padding: 100px 0 70px;
	}
	.counter-songle-box {
		margin-bottom: 30px;
	}
	.portfolio_nav ul li {
		margin: 6px 7px;
		font-size: 15px;
	}




	.contact-area {
		padding: 100px 0 0px;
	}
	.contact-single-box {
		margin-bottom: 30px;
	}
	.contact-thumb-left {
		margin-left: 75px;
		margin-bottom: 130px;
	}
	.contact-shape {
		top: -6%;
		right: -2%;
	}
	.form_box input {
		width: 100%;
	}
	.form_box textarea{
		width: 100%;
	}
	.faq-section {
		padding: 100px 0 100px;
	}
	.tab_container {
		margin-top: 20px;
	}
	.service-detials-area {
		padding: 100px 0 70px;
	}
	.service-details-main-title h1 {
		font-size: 30px;
	}
	.portfolio-detials-area {
		padding: 90px 0 80px;
	}
	.portfolio-details-main-title h1 {
		font-size: 35px;
	}
	.blog-two-area {
		padding: 100px 0 70px;
	}
	.widget_search {
		margin-top: 30px;
	}
	.blog-detials-area {
		padding: 100px 0 70px;
	}
	.blog-details-author-thumb {
		float: inherit !important;
		margin-bottom: 30px;
	}
	
		

}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.header-top-menu {
		display: none;
	}
	.header-area {
		display: none;
	}
	.hero-area {
		background-position: center left;
		height: 658px;
	}
	.hero-content {
		margin-top: 35px;
	}
	.hero-sub-title h5 {
		font-size: 15px;
	}
	.hero-main-title h1 {
		font-size: 37px;
		line-height: 46px;
	}
	.hero-description p {
		width: 100%;
	}
	.hero-button a.active {
		margin-top: 20px;
	}
	.about-area {
		padding: 100px 120px;
	}
	.about-thumb img {
		width: 100%;
	}
	.about-left {
		margin-left: -118px;
		margin-bottom: 30px;
	}
	.about-area.style-two .about-left {
		margin-left: -219%;
	}
	.about-shape {
		display: none;
	}

	.section-main-title h1 {
		font-size: 16px;
	}
	.about-right {
		margin-left: -119px;
	}
	.about-content {
		margin: 0 0px 0 0;
	}
	.about-content {
		margin: 0 5px 0 0;
	}
	.about-icon {
		margin-right: 20px;
		float: inherit;
		margin-bottom: 13px;
	}
	.service-section {
		padding: 100px 0 74px;
	}
	.service-single-box {
		margin-bottom: 30px;
		padding: 50px 13px 43px;
	}

	.service-section .section-description p {
		margin: auto;
		width: 95%;
	}
	.even-section {
		padding: 100px 0 71px;
	}
	.even-single-box {
		margin-bottom: 30px;
	}
	.even-content {
		padding: 32px 10px 15px;
	}
	.even-title h3 a {
		font-size: 16px;
	}
	.main-section {
		padding: 100px 0 8px;
	}
	.row.vedio_bg {
		margin-top: -20px;
	}
	.vedio-thumb img {
		width: 100%;
	}
	.priching-section {
		padding: 100px 0 70px;
	}
	.priching-single-box {
		margin-bottom: 30px;
	}
	.skill-section {
		padding: 100px 0 70px;
	}
	.skill-left {
		left: 0;
		margin-bottom: 40px;
	}
	.skill-thumb img {
		width: 100%;
	}
	.skill-thumb-shape {
		right: -20%;
	}
	.skill-thumb-shape img {
		width: 60%;
	}
	.private-office-section {
		padding: 100px 0 100px;
	}
	.private-office-right {
		margin-left: 0;
	}
	.private-thumb img {
		width: 100%;
	}
	.private-icon {
		margin-right: 20px;
		float: inherit;
		margin-bottom: 20px;
	}
	.private-content {
		margin: 0 120px 0 0;
	}
	.subscribe-section {
		height: 513px;
	}
	.subscribe-section .form-box input {
		width: 96%;
	}
	.subscribe-section .form-box button {
		margin-top: 73px;
		margin-left: -284px;
		padding: 10px 22px;
	}
	.bolg-single-box {
		margin-bottom: 30px;
	}
	.blog-title h3 a {
		font-size: 16px;
	}
	.blog-section {
		padding: 100px 0 70px;
	}
	.footter-bottm-right {
		text-align: left;
	}
	.team-section {
		padding: 100px 0 70px;
	}
	.team-single-box {
		margin-bottom: 40px;
	}
	.counter-section {
		padding: 100px 0 70px;
	}
	.counter-songle-box {
		margin-bottom: 30px;
	}
	.about-video-button {
		display: none;
	}



	.contact-area {
		padding: 100px 0 0px;
	}
	.contact-single-box {
		margin-bottom: 30px;
	}
	.contact-thumb-left {
		margin-left: 75px;
		margin-bottom: 130px;
	}
	.contact-shape {
		top: -6%;
		right: -10%;
	}
	.conatct-thumb img {
		width: 100%;
	}
	.form_box input {
		width: 100%;
	}
	.form_box textarea{
		width: 100%;
	}
	.faq-section {
		padding: 100px 0 100px;
	}
	.tab_container {
		margin-top: 20px;
	}
	.accordion li a span {
		font-size: 12px;
	}
	.service-detials-area {
		padding: 100px 0 70px;
	}
	.service-details-main-title h1 {
		font-size: 30px;
	}
	.breadcumb-title h1 {
		font-size: 35px;
	}
	.portfolio-detials-area {
		padding: 90px 0 80px;
	}
	.portfolio-details-main-title h1 {
		font-size: 22px;
	}
	.portfolio-details-overview-title h2 {
		font-size: 18px;
	}
	.portfolio-details-clients-title h2 {
		font-size: 23px;
	}
	.blog-two-area {
		padding: 100px 0 70px;
	}
	.widget_search {
		margin-top: 30px;
	}
	.blog-details-main {
		padding: 15px;
	}
	.widget-categories-box {
		padding: 42px 15px 25px;
	}
	.blog-detials-area {
		padding: 100px 0 70px;
	}
	.blog-details-author-thumb {
		float: inherit !important;
		margin-bottom: 30px;
	}
	.blog-details-comment-thumb {
		float: inherit !important;
		margin-bottom: 30px;
	}
	.blog-details-comment.reply {
		margin-left: 0;
	}
	

}

