/* Large screens ----------- */

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	.header-socile.left-content-area {
		padding-left: 55px;
	}
	.features_2-text h3 {
		letter-spacing: -2px;
		font-size: 36px;
		line-height: 46px;
	}
	.features-2-item {
		padding: 70px 35px 62px 35px;
	}
	.features-2-item h4 {
		line-height: 36px;
		font-size: 26px;
		margin-bottom: 10px;
	}
	.features-2-item .icon [class^="flaticon-"]:before, [class*=" flaticon-"]:before, .features-2-item .icon {
		color: #3764eb;
		font-size: 65px;
		line-height: 65px;
	}
	.features-2-item .icon {
		margin-bottom: 15px;
	}
	.features-area {
		padding: 238px 0 108px 0;
	}
	.features-text .title {
		font-size: 46px;
		line-height: 53px;
		letter-spacing: -2px;
		margin-bottom: 20px;
	}
	.about-testi-slider .about-slider-title h6 {
		font-size: 16px;
	}
	.service-slider-text h5 {
		font-size: 20px;
	}
	.keep-text p {
		font-size: 14px;
	}
	.choose-item-text h6 {
		font-size: 18px;
	}
	.bolg-profiel-title:before,
	.bolg-profiel-title:after{
		display: none;
	}
	.follow a {
		width: 36px;
		height: 36px;
		margin: 0px 0px;
		font-size: 14px;
	}
}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	

	.navbar .heder-logo:before {
		content: '';
		position: absolute;
		background-color: #3764eb;
		right: -44px;
		top: -66px;
		height: 126px;
		z-index: -1;
		left: -99999px;
	}
	.navbar { 
		z-index: 22;
		padding: 22px 0px; 
	}
	#my-menu li a { 
		font-size: 14px; 
		padding: 20px 12px; 
	}
	.dropdown-outer .dropdown-menu {
		top: 55px; 
		width: 250px; 
		left: 0px;
	}
	.dropdown-outer .dropdown-menu {
		top: 55px;
		padding: 0px;
		width: 250px;
		border-radius: 0px;
		border-top: 2px solid #0d70b7;
		left: 0px;
	}
	.dropdown-outer { 
		margin-top: 15px;
	}
	.slider-all-text h2 {
		font-size: 65px;
	}
	.slider-all-text h1 {
		font-size: 108px;
		font-weight: 600;
		line-height: 148px;
	}
	.fullslider .slider-text {
		top: 24%;
	}
	.header-content span {
		padding-left: 15px;
	}
	.features-text {
		padding-top: 30px;
	}
	.service-slider-text h5 {
		font-weight: 700;
		font-size: 21px;
	}
	.portfolio-btn button {
		width: 36%;
	}
	.footer-mail.form-inline {
		margin-top: 30px;
	}
	.about-text.text-right {
		text-align: center !important;
		padding-bottom: 30px;
	}
	.about-item-bor {
		border: 2px solid #e5e5e5;
		padding: 30px 23px;
	}
	.latest-item {
		padding: 19px 0;
	}
	.contact-form-box button { 
		width: 35%;
	}
	.mar-top {
		margin-top: 195px;
	}
	.accordion-header h1 { 
		font-size: 15px; 
	}
	.accordion-header {
		padding: 68px 20px;
		padding-top: 24px;
	}
	.accordion-header-icon { 
		display: none;
	}
	.portfolio-item .portfolio-item-content { 
		padding: 27% 0%; 
	}
	.portfolio-item .gallery-hover2 {
		width: 100%;
		height: 100%;
		padding: 60% 0%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 2;
		-webkit-transition: all 0.2s ease 0.3s;
		-o-transition: all 0.2s ease 0.3s;
		transition: all 0.2s ease 0.3s;
	}
	.releted a { 
		padding: 10px 17px; 
	}
	.heder-logo {
		margin-top: 0;
	}
	.features_2-text {
		margin-top: -15px;
	}
	.navbar-collapse {
		top: 100%;
		position:  absolute;
		background-color:  #fff;
		width:  100%;
		left:  0;
	}
	span.icon-bar {
		font-size: 30px;
	}

	.slider-all-text .title {
		font-size: 100px;
		line-height: 110px;
	}
	.features_2-text h3 {
		font-size: 36px;
		line-height: 46px;
	}
	.features-2-item {
		margin-bottom: 30px;
	}
	.features_2_area {
		padding: 120px 0 1px 0;
	}
	.features-area {
		padding: 270px 0 107px 0;
	}
	.filter-button-group {
		padding: 0 60px;
	}
	.choose-area {
		padding: 110px 0 85px 0;
	}
	.contact-item p{
		font-size: 15px;
	}
	.footer-btn {
		width: 210px;
	}
	
	.footer-item {
		margin-bottom: 40px;
	}
	
	.footer-area {
		padding-bottom: 50px;
	}
	.about-text-left-area.text-right {
		text-align: left !important;
		margin-bottom: 15px;
	}
	.services_area.service-page {
		padding: 260px 0 80px 0;
	}
	.portfolio-items-text p {
		font-size: 14px;
	}
	
	.portfolio-items-text h5 {
		font-size: 21px;
		line-height: 30px;
	}
	
	.portfolio-items-btn {
		width: 20%;
	}
	
	.portfolio-items-text {
		width: 80%;
	}
	.features_2_area.approch-page {
		margin-bottom: 270px;
	}
	.choose-area.why-us-page {
		padding-top: 260px;
	}
	.bolg-profiel-title {display: inline-block;}

	.bolg-profiel-title:before {
		right: -70px;
	}

	.bolg-profiel-title:after {
		left: -70px;
	}
	.blog-item-right {
		padding-top: 60px;
	}
	.blog-area {
		padding-bottom: 80px;
	}
	.widget-title {
		text-align: center;
	}
	.navbar .top-logo {
		position: relative;
		top: -8px;
	}
}

 
/* Extra small Device. */
@media (max-width: 767px) { 
 
	.navbar .heder-logo:before {
		content: '';
		position: absolute;
		background-color: #3764eb;
		right: -44px;
		top: 0;
		height: 88px;
		z-index: -1;
		left: -99999px;
	}
	.navbar {
		z-index: 22;
		padding: 22px 0px;
		padding-bottom: 16px;
	}
	.navbar .top-logo {
		padding-top: 25px;
		margin-top: 0;
	}
	#my-menu li a { 
		font-size: 14px; 
		padding: 20px 12px; 
	}
	.dropdown-outer .dropdown-menu {
		top: 55px; 
		width: 250px; 
		left: 0px;
	}
	.dropdown-outer .dropdown-menu {
		top: 55px;
		padding: 0px;
		width: 250px;
		border-radius: 0px;
		border-top: 2px solid #0d70b7;
		left: 0px;
	}
	.slider-all-text h2 {
		font-size: 40px; 
	}
	.slider-all-text h1 {
		font-size: 48px;
		font-weight: 600;
		line-height: 70px;
		letter-spacing: 0px;
		padding: 0 0 7px;
	}


	.features_2-text h3 {
		line-height: 45px;
		font-size: 34px;
	}
	.filter-button-group { 
		padding: 0 15px; 
	}
	.filter-button-group button { 
		font-size: 13px;
		line-height: 60px; 
		font-weight: 500;
	}
	.portfolio-btn button {
		width: 50%;
	}
	.footer-mail.form-inline {
		margin-top: 30px;
	}
	.section-title h3 {
		font-size: 39px; 
		padding: 24px 0;
		padding-bottom: 26px;
	}
	.section-title h3 { 
		padding-bottom: 26px;
	}
	.about-slider-title h6 {
		font-size: 15px;
	}
	.header-socile {
		text-align: center !important;
		margin-bottom: 10px;
	}
	.about-text {
		text-align: center !important;
	}
	.about-text h2 { 
		font-size: 40px;
	}
	.about-slider-title i { 
		display: none;
	}
	.latest-item {
		padding: 16px 0;
	}
	.contact-form-box button { 
		width: 50%;
	}
	.slider-all-text h1 {
		font-size: 40px;
		font-weight: 600;
		line-height: 40px;
		letter-spacing: 0px;
	}

	.accordion-header h1 { 
		font-size: 14px; 
	}
	.accordion-header {
		padding: 54px 20px;
		padding-top: 18px;
	}
	.accordion-header-icon {
		display: none;
	}
	.releted.col4.text-right {
		text-align: left !important;
	}

	.contact-item i { 
		margin-bottom: 10px;
	}
	.dropdown-outer { 
		margin-top: 15px;
	}
	.wow { 
		display: unset !important;
	}
	.footer-menu {
		margin-top: 15px;
	}
	.features_2-text {
		margin-top: -7px;
	}
	span.icon-bar {
		font-size: 30px;
	}
	.navbar-collapse {
		margin-top: 17px;
	}
	#header-area {
		padding: 15px 0;
	}
	.header-socile.left-content-area {
		display: block;
		text-align: center;
	}
	
	.header-content.right-content-area {
		float: none;
		display: block;
		text-align: center;
	}
	.slider-all-text .title {
		font-size: 80px;
		line-height: 90px;
	}
	.slider-all-text .subtitle {
		font-size: 30px;
	}
	.features-2-item {
		margin-bottom: 30px;
	}
	.features_2_area{
		padding-bottom: 1px;
	}
	.features-area {
		padding-top: 224px;
	}
	.features-text {
		padding-top: 30px;
	}
	.filter-button-group button {
		font-size: 14px;
		line-height: 40px;
		font-weight: 600;
	}
	.contact-item {
		margin-bottom: 30px;
	}
	
	.contact-area {
		padding-bottom: 86px;
	}
	.footer-item {
		margin-bottom: 40px;
	}
	
	.footer-area {
		padding-bottom: 50px;
	}
	.about-text-left-area.text-right {
		text-align: left !important;
		margin-bottom: 15px;
	}
	
	.about-top-conent .about-text-left-area .title br {
		display: none;
	}
	.about-top-conent .about-text-left-area .title b {
		font-size: 33px;
		display: block;
	}
	.about-top-conent .about-text-left-area .title {
		font-size: 30px;
		line-height: 40px;
	}
	.section-title .title {
		font-size: 45px;
		line-height: 55px;
	}
	.section-title .subtitle {
		font-size: 20px;
    	line-height: 25px;
	}
	.services_area.service-page {
		padding-top: 215px;
	}
	.accordion-title p {
		font-size: 15px;
	}
	.features_2_area.approch-page {
		margin-bottom: 220px;
	}
	.choose-area.why-us-page {
		padding-top: 215px;
	}
	.blog-text .title {
		font-size: 25px;
		line-height: 35px;
	}
	.bolg-profiel-title {display: inline-block;}

	.bolg-profiel-title:before {
		right: -70px;
	}

	.bolg-profiel-title:after {
		left: -70px;
	}
	.widget-title{
		text-align: center;
	}
	.latest.blog-profile-pad {
		padding-bottom: 40px;
	}
	.blog-area {
		padding-bottom: 80px;
	}
	.blog-item-right {
		margin-top: 50px;
	}
	.releted {
		margin-bottom: 20px;
	}
	.single-header-item {
		padding: 200px 0 205px 0;
	}
}
 
/* SM Small Device :550px. */
@media only screen and (max-width: 599px) {
	.navbar .top-logo {
		margin-left: 15px;
	}
	.slider-all-text .title {
		font-size: 60px;
		line-height: 70px;
	}
	.slider-all-text .subtitle {
		font-size: 24px;
	}
	.single-header-item {
		padding: 150px 0 155px 0;
	}
	.features-text .title {
		font-size: 40px;
		line-height: 50px;
	}
	.features-text .expe {
		font-size: 80px;
	}
	.feature-lists li{
		line-height: 24px;
	}
	.features-area {
		padding-bottom: 100px;
	}
	.keep-text .content h3 {
		font-size: 30px;
	}
	.section-title .title {
		font-size: 35px;
		line-height: 45px;
	}
	.section-title .subtitle {
		font-size: 18px;
		line-height: 25px;
	}
	.blog-text .title {
		font-size: 21px;
		line-height: 30px;
	}
	.blog-text span {
		font-size: 14px;
	}
	.features-2-item {
		padding: 70px 40px 62px 40px;
	}
	.section-title .subtitle {
		font-size: 16px;
		line-height: 25px;
	}
}

/* Extra Small Devices, Phones */ 
@media (max-width : 450px) { 
	.slider-all-text .btn-wrapper .btn{
		width: 170px;
	}
	.features_2-text h3 {
		line-height: 40px;
		font-size: 30px;
	}
	.features-text .expe {
		font-size: 60px;
	}
	.features-text .title {
		font-size: 35px;
		line-height: 40px;
	}
	.features-text h2 {
		margin-bottom: 25px;
	}
	.about-top-conent .about-text-left-area .title {
		font-size: 25px;
		line-height: 38px;
	}
	.features-2-item {
		padding: 60px 30px 52px 30px;
	}
	.services_area.service-page {
		padding-top: 185px;
	}
	.portfolio-items-text h5 {
		font-size: 20px;
		line-height: 28px;
	}
	.portfolio-items-text {
		width: 80%;
	}
	.portfolio-items-btn {
		width: 16%;
	}
	
	.portfolio-items-text p {
		font-size: 14px;
	}
	.accordion-header{
		height: auto;
	}
	.accordion-item .accordion-header {
		padding-bottom: 70px;
	}
	.features_2_area.approch-page {
		margin-bottom: 200px;
	}
	.header-titles h1 {
		font-size: 45px;
	}
	.releted a {
		margin-bottom: 10px;
	}
	.comments-item img {
		max-width: 80px;
	}
	.filter-button-group {
		padding: 0 15px;
		padding-bottom: 15px;
	}
	.navbar .heder-logo:before {
		right: 0px;
	}
}
 

/* Custom, iPhone Retina */ 
@media only screen and (max-width: 414px)  {
	.slider-all-text .btn-wrapper .btn {
		width: 150px;
		font-size: 14px;
	}
	.slider-all-text .title {
		font-size: 55px;
		line-height: 65px;
	}
	.features-area {
		padding-top: 180px;
	}
	.keep-text .content {
		margin-left: 100px;
	}
	.keep-text img {
		width: 80px;
	}
	.about-top-conent .about-text-left-area .title b {
		letter-spacing: 0;
	}
	.section-title .title {
		font-size: 35px;
		line-height: 40px;
	}
	.features_2-text h3 {
		line-height: 40px;
		font-size: 28px;
	}
	.features_2_area.approch-page {
		margin-bottom: 180px;
	}
	.footer-mail .footer-mail-box {
		padding-right: 50%;
	}
	.blog-det {
		float: none;
		margin-bottom: 30px;
	}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width: 384px)  {
	.features_2-text h3 {
		line-height: 35px;
		font-size: 25px;
	}
	.features-2-item .icon [class^="flaticon-"]:before, [class*=" flaticon-"]:before, .features-2-item .icon {
		color: #3764eb;
		font-size: 60px;
		line-height: 60px;
	}
	.features-2-item .icon {
		margin-bottom: 15px;
	}
	.features-text .title {
		font-size: 30px;
		line-height: 35px;
	}
	.service-slider-text h5 {
		font-size: 22px;
	}
	.section-title .subtitle {
		font-size: 14px;
		line-height: 25px;
	}
	.portfolio-btn button {
		width: auto;
	}
	.keep-text .content h3 {
		font-size: 27px;
	}
	.footer-mail .footer-mail-box {
		padding-right: 0;
	}
	
	.footer-mail-btn {
		position: initial;
		margin-top: 20px;
	}
	.features-2-item h4 {
		font-size: 26px;
	}
	.accordion-title h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.accordion-title span {
		font-size: 90px;
		line-height: 85px;
	}
	.accordion-title p {
		font-size: 14px;
	}
	.header-titles h1 {
		font-size: 40px;
	}
	.features_2-text h3 {
		letter-spacing: 0;
	}
	.follow a {
		margin: 0 0px;
	}
	.latest.blog-profile-pad{
		padding-bottom: 30px;
	}
	.releted a {
		font-size: 14px;
		font-weight: 600;
	}
	.contact-form-box button {
		width: 220px;
	}
	.header-content span,.header-socile a {
		font-size: 13px;
	}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width: 362px)  {
	.header-content span {
		padding-left: 0;
	}
	
	.header-content span:last-child {
		padding-left: 10px;
	}
	.slider-all-text .title {
		font-size: 45px;
		line-height: 55px;
		margin-left: 0;
	}
	.slider-all-text .subtitle {
		font-size: 18px;
	}
	.slider-all-text .btn-wrapper .btn{
		margin-bottom: 15px;
		width: 180px;
	}
	.features_2-text h3 {
		line-height: 35px;
		font-size: 24px;
	}
	.features-area {
		padding-top: 165px;
	}
	.filter-button-group{
		background-color: transparent;
		padding-bottom: 0;
	}
	.portfolio-item{
		margin-bottom: 0;
	}
	.choose-item .choose-item-logo {
		position: initial;
		text-align: center;
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	.choose-item-text {
		padding-left: 0;
		text-align: center;
	}
	
	.keep-text img {
		position: initial;
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	.keep-text .content {
		margin-left: 0;
		text-align: center;
	}
	.keep-text .content h3{
		padding-bottom: 15px;
	}
	.footer-mail-btn{
		margin: 0 auto;
		margin-top: 20px;
	}
	.footer-btn {
		width: auto;
	}
	.about-top-conent .about-text-left-area .title {
		font-size: 21px;
		line-height: 30px;
	}
	.about-item .icon i[class^="flaticon-"]:before, .about-item .icon i[class*=" flaticon-"]:before{
		font-size: 50px;
		line-height: 50px;
	}
	.about-item .icon{
		margin-bottom: 15px;
	}
	.portfolio-items-btn {
		float: none;
		width:100%;
	}
	
	.portfolio-items-text {
		float: none;
		width: 100%;
	}
	.portfolio-items-text h5 {
		font-size: 18px;
		line-height: 26px;
	}
	.portfolio-grid-item{
		margin-bottom: 0;
	}
	.accordion-item .accordion-header {
		padding-bottom: 90px;
	}
	.header-titles h1 {
		font-size: 35px;
	}
	.choose-area.why-us-page {
		padding-top: 160px;
	}
	.bolg-profiel-title:before,
	.bolg-profiel-title:after{
		display: none;
	}
	.blog-profile-pad {
		padding: 32px 30px 35px 30px;
	}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width: 325px)  {
	.slider-all-text p {
		font-size: 14px;
		line-height: 26px;
	}
	.features_2-text h3 {
		line-height: 30px;
		font-size: 21px;
	}
	.features-text .expe {
		font-size: 50px;
	}
	.features-text .title {
		font-size: 27px;
		line-height: 35px;
	}
	.service-slider-text h5 {
		font-size: 18px;
	}
	.section-title .title {
		font-size: 30px;
		line-height: 37px;
	}
	.about-item {
		padding: 36px 40px 46px 30px;
	}
	.header-content span {
		display: block;
		margin-bottom: 10px;
	}
	
	.header-content span:last-child {
		margin-bottom: 0;
	}
	.abou-hei{
		padding: 100px 0 90px 0;
	}
	.abou-hei.case-study {
		padding-bottom: 100px;
	}
	.blog-text span {
		margin-right: 20px;
	}
	.comments-item img {
		float: none;
		margin-bottom: 20px;
	}
	.letest-text p {
		font-size: 14px;
	}
	.letest-text span {
		font-size: 12px;
	}
}