/*---start-media-queries---*/
@media only screen and (max-width: 1366px){
	.wrap{
		width:80%;
	}
	#fwslider .title {
		font-size: 4em;
	}
	.sb-search {
		top: -10px;
		right: 8px;
	}
	.sb-search-input {
		height: 45px;
	}
	.message {
		padding: 7% 0;
	}
	.message2 {
		padding: 10% 0;
	}
	.social {
		padding: 8.9% 0;
	}
    .banner {
    min-height: 600px;
}
}
@media only screen and (max-width: 1280px){
	.banner {
		height: 100vh!important;
		padding-top: 3%;
	}
	
	h2.header-heading {
		line-height: 1em;
		font-size: 65px;
		text-transform: uppercase;
		font-family: Poppins;
	}
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -120%;
		width: 30%;
		left: 35%!important;
		font-size: 25px;
	}
	.carousel-caption p {
		font-size: 30px;
		line-height: 32px;
	}
	.modal-content {
		width: 85%;
		max-width: 1200px;
	}
	.mySlides img{
		width: 100%;
		height: 95%!important;
	}
	span.close.cursor {
		position: absolute!important;
		top: 10%!important;
		right: 7.5%!important;
		color: #fefefe;
		font-size: 40px;
		z-index: 9999;
		opacity: 1!important;
	}
}
@media only screen and (max-width: 1024px){
	.logo {
		width: 25%!important;
	}
	.logo img {
		width: 65%!important;
		margin-top: 6px!important;
		padding-bottom: 13px!important;
	}
	.banner-content h1{
		font-size: 65px;
	}
	.banner-content h2 {
		line-height: 0.9em;
		font-size: 65px;
	}
	.banner {
		height: 28vh!important;
		padding-top: 5%;
	}
	h2.header-heading {
		font-size: 50px;
	}
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -82%!important;
		width: 40%!important;
		left: 30%!important;
		font-size: 25px!important;
	}
	.carousel-caption p {
		font-size: 30px;
		line-height: 30px;
	}
	.modal-content {
		width: 95%;
		max-width: 1200px;
	}
	.mySlides img{
		width: 100%;
		height: 75%;
	}
	span.close.cursor {
		top: 6%!important;
		right: 2%!important;
		color: #ffffff;
		opacity: 1!important;
	}
	a.btn.btn-info.aidas-butn {
		border: 2px solid black;
		width: 50%;
		font-size: 22px;
	}
	.col-md-6.not-space1.background-color {
		padding: 1% 3%;
	}
	.theteamimage img{
		width: 100%;
		height: 285px!important;
	}
	#digital-facts {
		
		background-attachment: fixed;
	}
	.digital-facts-grid {
		padding: 10% 0px;
	}
	.contact h2 {
		font-size: 50px;
		text-transform: uppercase;
		font-family: poppins;
	}
	ul.dots {
		position: fixed;
		top: 2%;
		right: 2%;
		z-index: 9999;
	}
	.mySlides img{
    width: 100%;
    height: 80%!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn-right {
		width: 30%!important;
		bottom: -150px;
		left: 50%;
		position: absolute;
		font-size: 20px;
	}
	a.btn.btn-info.aidas-butn.slider-butn-left {
		width: 30%!important;
		bottom: -150px;
		position: absolute;
		font-size: 20px;
		left: 19%;
	}
	.banner.softeare-development {
		background: url(../images/services/services-image.png)no-repeat;
		background-size: cover;
		min-height: 700px;
		background-position: right;
		background-attachment: fixed;
		height: 100vh!important;
	}
	.services-box-1.software-development {
		height: 250px;
	}
	.services-box-1.web-development {
		height: 220px;
	}
	.sevice.background-overlay {
		background-color: #0000ffc7;
		height: 66%!important;
	}
	.background-overlay {
		background-color: #0000ffc7;
		height: 65%;
	}
	a.btn.btn-info.aidas-butn.contact-us {
		margin-top: 30%;
		position: relative;
		left: 27px;
	}
	.banner-content.software-development {
		padding-left: 0%;
		padding-top: 27%;
	}
	.services-box-1.seo {
		height: 370px;
	}
	.services-box-1.ecommerce {
		height: 290px;
	}
}
@media only screen and (max-width: 768px){
	.menu {
		display: none;
	}
	.nav {
		display: block;
	}
	.nav-mobile {
		
		cursor: pointer;
		position: absolute;
		top: 12px;
		left: -25px;
	}
	.logo img{
		width: 80%!important;
		margin-top: 15px;
	}
	.banner-content h1 {
		line-height: 0.9em;
		font-size: 50px;
	}
	.banner-content h2 {
		line-height: 0.9em;
		font-size: 50px;
	}
	.banner {
		padding-top: 5%;
	}
	.banner {
		background-attachment: fixed;
		height: 53vh!important;
	}
	h2.header-heading {
		line-height: 1em;
		font-size: 35px!important;
		text-transform: uppercase;
		font-family: Poppins;
	}
	.carousel-caption p{
		font-family: Poppins;
		color: #fff;
		font-size: 22px!important;
		line-height: 24px!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -76%;
		width: 50%;
		left: 26%;
		font-size: 22px;
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 22px;
	}
	a.btn.btn-info.aidas-butn.slider-butn.s3 {
		bottom: -62%!important;
		left: 26%!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn.s4 {
		bottom: -82%!important;
		left: 26%!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn.s2b4 {
		bottom: -86%!important;
		left: 26%!important;
	}
	.modal-content {
		width: 90%;
		max-width: 1200px;
	}
	.mySlides img{
		width: 100%;
		height: 70%!important;
	}
	span.close.cursor {
		top: 8%!important;
		right: 3%!important;
	}
	.client {
		width: 100%;
		height: 175px;
		text-align: center;
	}
	.col-md-6.not-space.background-color {
		background-color: #00305b;
		box-sizing: border-box;
		padding: 15%;
	}
	a.btn.btn-info.aidas-butn {
		width: 50%;
		font-size: 15px;
	}
	.col-md-6.not-space1.background-color {
		padding: 5%;
	}
	#digital-facts {
		background: url(../images/slider-2-image-2.png)no-repeat;
		background-size: cover;
		
	}
	.nav-active, .nav-active-inner .nav-inner {
		margin-left: -735px;
	}
	.nav-item a {
		font-weight: 400;
		background: #222222;
		padding: 15px;
		font-size: 16px;
		font-family: Poppins;
		color: #fff;
	}
	.logo img {
		width: 65%!important;
		margin-top: 20px!important;
		padding-bottom: 13px!important;
	}
	ul.dots {
		position: fixed;
		top: 7%;
		right: 0%;
		z-index: 9999;
		width: 768px;
		background: #000;
	}
	.dropdown-content {
		top: 54px;
		left: 13px;
	}
	a.btn.btn-info.aidas-butn.slider-butn-left {
		width: 30%!important;
		bottom: -115px;
		position: absolute;
		font-size: 16px;
		left: 19%;
	}
	a.btn.btn-info.aidas-butn.slider-butn- {
		width: 30%!important;
		bottom: -115px;
		position: absolute;
		font-size: 16px;
		left: 19%;
	}
	a.btn.btn-info.aidas-butn.slider-butn-right {
		width: 30%!important;
		bottom: -115px;
		left: 50%;
		position: absolute;
		font-size: 16px;
	}
	.slick-slide{
		width:145px!important;
		margin:0px 22px!important;
	}
	.services-box-1.software-development {
		height: auto;
	}
	.services-setion-heading h2.header-heading {
		padding-left: 2%;
	}
	a.btn.btn-info.aidas-butn.contact-us {
		color: #222222;
		background: #fff;
		border: 2px solid #fefeff;
		width: 100%;
	}
	.services-section-pragraph p {
		padding-left: 2%;
	}
	.services-box-1.web-development {
		height: auto;
	}
	.services-box-1.mobileapp-development {
		height: auto;
	}
	.services-box-1.digital-marketing {
		height: auto;
	}
	.services-box-1.seo {
		height: auto;
	}
	.services-box-1.ecommerce {
		height: auto;
	}
}
@media only screen and (max-width: 640px){
	.wrap{
		width:95%;
	}
	.span1 i {
		padding: 6px 10px;
	}
	.span2 i {
		padding: 6px 10px;
	}	
	.message h3, .message1 h3, .message2 h3, .message3 h3 {
		font-size: 1.5em;
	}
	.grid-block {
		width: 284px;
	}
	.span_1_of_4 {
		width: 50%; 
	}
	.span_1_of_4 img {
		margin-bottom: 4%;
	}
	.img {
		margin: 4% 4% 0 13%;
	}
	.message1 p, .message2 p, .message3 p {
		font-size: 1em;
	}
	.about_1_of_4 {
		width: 25%;
		padding: 1%;
	}
	.grid_1_of_4{ 
		margin: 0% 0 0% 0%;
	}	
	.about_1_of_4 {
		width:25%;

	}
	#portfoliolist .portfolio {
		width: 20.7%;
	}
	#filters li span {
		font-size: 0.82355em;
		padding: 7px 10px;
	}
.banner-bottom h3 {
    font-size: 2.3em;
}
.banner-bottom {
    margin: 5em 5em 0em;
}
.banner {
    min-height: 300px;
}
.resp-tabs-list {
    padding: 2em 5px 1em;
}
.resp-tab-item {
    font-size: 0.7em;
    padding: 9px 15px;
    margin: 0 0.2em 0;
}
	ul.dots {
		position: fixed;
		top: 2%;
		right: 2%;
		z-index: 9999;
		width: 640px;
		background: #000;
	}	
}
@media only screen and (max-width: 480px){
	.wrap{
		width:95%;
	}
	.images_1_of_4 {
		width: 45.6%;
	}
	#options li a {
		font-size: 0.82355em;
		padding: 6px 5px;
	}
	.service-grids h2, .content-middle h2 , #pricing > div > h3 {
		font-size: 1.1em;
		margin-bottom: 5%;
	}
	.images_1_of_4 h3 a {
		font-size: 1.1em;
	}
	.message h3, .message1 h3, .message2 h3, .message3 h3,.contact h2 {
		font-size: 1.2em;
	}
	.span1 i {
		padding: 6px 10px;
		font-size: 0.82355em;
	}
	.span2 i {
		padding: 6px 10px;
		font-size: 0.82355em;
	}
	.message {
		padding: 10% 0;
	}
	.portfolio li a {
		padding: 6px 7px;
	}
	.grid-block {
		width: 209px;
	}
	.grid_1_of_4{ 
		margin: 2% 0 -1% 0%;
	}	
	.about_1_of_4 {
		width: 49%;
	}
	.span_1_of_4 img {
		margin-left: 3%;
	}
	.img {
		margin: 4% 4% 0 6%;
	}
	.img1 {
		margin: 4% 6% 0 0;
	}
	.social h3 {
		font-size: 1.3em;
	}
	.social p {
		font-size: 1em;
	}
	.form {
		width: 100%;
	}
	.para-contact {
		margin: 5% 0;
		width: 100%;
	}
	.para-contact h4 {
		margin-bottom: 0%;
		padding-bottom: 3%;
	}
	.get-intouch-left-address p, .get-intouch-left-address p a {
		line-height: 1.5em;
	}
	.span4 i input[type="submit"] {
		font-size: 0.82355em;
		padding: 6px 15px;
	}
	.social-icons-set {
		width: 84%;
	}
	.social {
		padding: 3% 0;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.col_1_of_3 {
		margin: 1% 0 0% 0.6%;
	}
	.span_1_of_3 p {
		padding: 1% 0;
	}
	#about > div > div.client > div:nth-child(3) > h3,#about > div > div.client > div:nth-child(4) > h3,#about > div > div.client > div:nth-child(5) > h3,#about > div > div.client > div:nth-child(6) > h3,#about > div > div.client > div:nth-child(7) > h3 {
		font-size: 0.82355em;
	}
	#portfoliolist .portfolio {
		width: 44.2%;
	}
	.portfolio img, .portfolio1 img {
		margin-bottom: 12%;
	}
.banner-bottom h3 {
    font-size: 1.5em;
}
.banner-bottom p {
    font-size: 1em;
}
.banner-bottom {
    margin: 3em 5em 0em;
}
.banner {
    min-height: 180px;
}
.img-top {
    width: 100%;
    padding: 0px 15px 15px 0px;
    text-align: center;
	}
	.technologies-pragraph p {
		padding-left: 0px; 
		padding-right: 0px;
	}
	.core-features-box1-icon img {
		width: 100%;
		margin-bottom: 16px;
	}
}
@media only screen and (max-width: 414px){
	.header {
    padding-top: 5px;
    padding-bottom: 0px!important; 
	}
	.logo img {
		width: 100%!important;
		margin-top: 15px;
	}
	.nav-mobile {
		cursor: pointer;
		position: absolute;
		top: 10px;
		left: -25px;
	}
	.logo {
		width: 30%!important;
	}
	ul.nav-list.nav-mobile-open.nav-active {
		margin-left: -385px;
	}
	.banner-content h1 {
		font-size: 45px;
	}
	.banner-content h2 {
		font-size: 45px;
	}
	h2.header-heading {
		font-size: 45px;
	}
	.message {
		background: url(../images/beauty.png) no-repeat;
		background-size: 100%;
		height: auto;
		padding: 12% 0;
		text-align: left;
		background-size: cover;
	}
	.whoweare-content {
		padding-left: 20px;
		padding-right: 30px;
	}
	.whoweare-content p {
		font-size: 16px;
		color: #000;
		font-family: system-ui;
		font-family: open sans;
	}
	.carousel-caption p {
		font-size: 16px;
		line-height: 22px;
	}
	.banner {
		background: url(../images/home-page-banner.webp)no-repeat;
		background-size: cover;
		height: 150vh!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -35%;
		width: 70%;
		left: 14%;
		font-size: 16px;
	}
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -33%!important;
		width: 60%!important;
		left: 19%!important;
		font-size: 17px!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn.s4 {
		bottom: -35%!important;
		left: 19.5%!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn.s3 {
		bottom: -23%!important;
		left: 19.5%!important;
	}
	
	a.btn.btn-info.aidas-butn.slider-butn.s2b4 {
		bottom: -33%!important;
		left: 16%!important;
	}
	.carousel-caption p {
		font-family: Poppins;
		color: #fff;
		font-size: 18px!important;
		line-height: 18px!important;
	}
	.modal-content {
		width: 90%;
	}
	span.close.cursor {
		position: absolute!important;
		top: 12%!important;
		right: 3%!important;
		color: #fefefe;
		font-size: 40px;
		z-index: 9999;
	}
	.mySlides img{
		width: 100%;
		height: 60%!important;
	}
	ul.dots {
		position: fixed;
		top: 9%;
		right: 0%;
		z-index: 9999;
		width: 414px;
		background-color: #212121!important;
    /* height: 100vh; */
	}
	.nav-item a {
		font-weight: 400;
		background: #222222;
		padding: 15px;
		font-size: 16px;
		font-family: Poppins;
		color: #fff;
	}
	h2.header-heading {
		line-height: 1em;
		font-size: 20px!important;
		text-transform: uppercase;
		font-family: Poppins;
		margin-left: 0px!important;
	}
	.services-section-pragraph p {
		font-size: 16px;
		color: #000000;
		font-family: open sans;
		margin-left: 0px;
	}
	.services-box-1.seo {
		height: auto;
	}
	.icons-1 {
		margin-bottom: 15px;
	}
	a.btn.btn-info.aidas-butn.contact-us {
		margin-top: 5%!important;
		position: relative;
		left: 27px;
	}
	.banner-content.software-development {
		padding-left: 0%;
		padding-top: 35%;
	}
	.logo img {
		width: 100%!important;
		margin-top: 18px!important;
		padding-bottom: 13px!important;
	}
	.services-box-1.software-development {
		height: auto;
	}
	.it-solution-heading h2 {
		text-align: left!important;
		margin-left: 15px;
		font-size: 20px;
	}
	.it-solution-heading p {
		font-size: 16px;
		color: #000000;
		font-family: open sans;
		padding-left: 15px;
		padding-right: 0px;
		text-align:left;
	}
	.banner-content h1 {
		font-size: 40px!important;
	}
	.services-box-1.web-development {
		height: auto;
	}
	.services-box-1.mobileapp-development {
		height: auto;
	}
	.services-box-1.digital-marketing {
		height: auto;
	}
	.services-box-1.ecommerce {
		height: auto;
	}
	ul#circle-dots {
		display: none;
	}
	a.btn.btn-info.aidas-butn.slider-butn-left {
		width: 47%!important;
		bottom: -48px;
		position: absolute;
		font-size: 14px;
		left: 0%;
	}
	a.btn.btn-info.aidas-butn.slider-butn-right {
		width: 47%!important;
		bottom: -48px;
		left: 50%;
		position: absolute;
		font-size: 14px;
		left: 50%;
	}
	.slick-slide {
		margin: 0px 5px;
		width:163px!important;
	}
	.doted-divider{
		border-right:1px dotted #000;
		border-bottom:1px dotted #000;
	}
	.doted-right{
		border-bottom:1px dotted #000;
	}
	.doted-border {
		border-right: 1px dotted #000;
		border-bottom: 1px dotted #000;
	}
	.services-setion-heading {
		padding-left: 4%;
	}
	.icons-1 img {
		width: 30%;
	}
	.list-pragraph p {
		font-size: 16px;
		color: #000000;
		font-family: open sans;
		padding-right: 18px;
	}
	.dropdown-content {
		top: 54px;
		left: 13px;
	}
	.technologies-pragraph p {
		padding-left: 0px; 
		padding-right: 0px;
	}
	.core-features-box1-icon img {
		width: 100%;
		margin-bottom: 16px;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-divider.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-border.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.right-remove {
		border-bottom: 1px dotted!important;
	}
	.col-md-4.col-sm-4.col-xs-12.right-space {
		padding-right: 15px;
		margin-bottom: 15px;
	}
	.row.top-space-remove {
		margin-top: 0px!important;
	}	
	.technologies-images {
		margin-bottom: 25px;
	}
	a.btn.btn-info.aidas-butn.contact-us {
		left:0px!important;
	}
	.dropdown-content {
		height: 306px;
		overflow: scroll;
	}
	#services {
		background: #222222;
		padding: 10% 0;
	}
}
@media only screen and (max-width: 375px){
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		height: 300px;
		overflow-y: scroll;
	}
	.banner {
		background: url(../images/home-page-banner.webp)no-repeat;
		background-size: cover;
		height: 160vh!important;
	}
	
	a.btn.btn-info.aidas-butn.slider-butn-left {
		bottom: -40px;
		font-size: 12px;
		left: 0%;
	}
	a.btn.btn-info.aidas-butn.slider-butn-right {
		bottom: -40px;
		font-size: 12px;
		left: 50%;
	}
	.whoweare-content p {
		color: #000;
	}
	.slick-slide{
		width:144px!important;
	}
	.doted-divider{
		border-right:1px dotted;
		border-bottom:1px dotted;
	}
	.doted-right{
		border-bottom:1px dotted;
	}
	.doted-border {
		border-right: 1px dotted;
		border-bottom: 1px dotted;
	}
	
	
	.col-lg-3.col-md-3.col-sm-6.col-xs-6.right-remove {
		border-bottom: 1px dotted;
	}
	ul.dots {
		width: 375px;
		background-color: black;
	}
	h2.header-heading.text-center-1 {
		text-align: center;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-divider.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-border.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.right-remove {
		border-bottom: 1px dotted!important;
	}
	.col-md-4.col-sm-4.col-xs-12.right-space {
		padding-right: 15px;
		margin-bottom: 15px;
	}
	.row.top-space-remove {
		margin-top: 0px!important;
	}	
	.technologies-images {
		margin-bottom: 25px;
	}
	a.btn.btn-info.aidas-butn.contact-us {
		left:0px!important;
	}
	.dropdown-content {
		height: 306px;
		overflow: scroll;
	}
	.social-icons {
		float: none!important;
		padding-left: 35%!important;
	}
	.copy {
		text-align: center;
	}
	.margine-bottom{
		margin-bottom:10px;
	}
	.project-overlay-1 {
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 0;
		background-color: #222222bf;
		overflow: hidden;
		width: 92%;
		height: 100%;
	}
	#services {
		background: #222222;
		padding: 10% 0;
	}
}
@media only screen and (max-width: 360px){
	.banner {
		height: 170vh!important;
	}
	h2.header-heading {
		font-size: 25px!important;
		
	}
	a.btn.btn-info.aidas-butn {
		font-size: 10px!important;
	}
	#digital-facts {
		/* height: 70vh; */
	}
	.copy {
		text-align: center;
	}
	.social-icons {
		width: 100%;
		box-sizing: border-box;
		padding-left: 35%;
	}
	.contact h2 {
		text-transform: uppercase;
		font-family: poppins;
		margin: 0px!important;
	}
	ul.nav-list.nav-mobile-open.nav-active {
		z-index: 9999;
		margin-left: -317px!important;
	}.carousel-caption p {
		font-size: 14px!important;
		line-height: 20px!important;
	}	
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -82%!important;
		width: 65%!important;
		left: 30%!important;
		font-size: 16px!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -35%!important;
		width: 65%!important;
		left: 16%!important;
		font-size: 16px!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn.s3 {
		bottom: -23%!important;
		left: 16.5%!important;
	}
	h6.digital-marketing {
		font-size: 14px;
		line-height: 1.2em;
		color: #fff;
		text-transform: uppercase;
		font-family: open sans;
	}
	h2.header-heading {
		margin-left: 0px!important; 
	}
	a.btn.btn-info.aidas-butn.slider-butn-left {
		width: 43%!important;
		bottom: -35px;
		position: absolute;
		font-size: 20px;
		left: 7%;
	}
	a.btn.btn-info.aidas-butn.slider-butn-right {
		width: 43%!important;
		bottom: -35px;
		position: absolute;
		font-size: 20px;
		left: 52%;
	}
	ul.dots {
		position: fixed;
		top: 9%;
		right: 0%;
		z-index: 9999;
		width: 360px;
		background-color: black;
	}
	ul#circle-dots {
		display: none;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		top: 55px;
		left: 10px;
		background-color: #f1f1f1;
		min-width: 260px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.demo.active a {
		color: #ffffff!important;
		text-decoration: none;
	}
	.dropdown-content a {
		color: #ffffff!important;
		margin-left: 0px!important;
	}
	.services-box-1 {
		padding: 20px!important;
    /* padding: 30px 50px 50px 30px; */
	}
	.services-section-pragraph p {
		margin-left: 15px;
		margin-right: 10px;
	}
	.header-heading.web-development-space{
		padding-left:16px;
	}
	.icons-1 img {
		width: 75px;
	}
	.header-heading.text-center-1{
		text-align:center;
	}
	#digital-facts {
		min-height: 0px!important;
	}
	.slick-slide {
		margin: 0px 0px;
		width:135px!important;
	}
	.doted-divider{
		border-right:0px dotted;
		border-bottom:0px dotted;
	}
	.services-setion-heading {
		padding-left: 4%;
	}
	.icons-1 img {
		width: 30%;
	}
	.list-pragraph p {
		font-size: 16px;
		color: #000000;
		font-family: open sans;
		padding-right: 18px;
	}
	.dropdown-content {
		top: 54px;
		left: 13px;
	}
	.technologies-pragraph p {
		padding-left: 0px; 
		padding-right: 0px;
	}
	.core-features-box1-icon img {
		width: 100%;
		margin-bottom: 16px;
	}
	.doted-divider{
		border-right:1px dotted;
		border-bottom:1px dotted;
	}
	.doted-right{
		border-bottom:1px dotted;
	}
	.doted-border {
		border-right: 1px dotted;
		border-bottom: 1px dotted;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-divider.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-border.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.right-remove {
		border-bottom: 1px dotted!important;
	}
	.col-md-4.col-sm-4.col-xs-12.right-space {
		padding-right: 15px;
		margin-bottom: 15px;
	}
	.row.top-space-remove {
		margin-top: 0px!important;
	}	
	.technologies-images {
		margin-bottom: 25px;
	}
	a.btn.btn-info.aidas-butn.contact-us {
		left:0px!important;
	}
	.dropdown-content {
		height: 306px;
		overflow: scroll;
	}
	.margine-bottom{
		margin-bottom:10px;
	}
	.project-overlay-1 {
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 0;
		background-color: #222222bf;
		overflow: hidden;
		width: 92%;
		height: 100%;
	}
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		height: 300px;
		overflow-y: scroll;
	}
	#services {
		background: #222222;
		padding: 10% 0;
	}
}


/*css for 320px screen */
@media only screen and (max-width: 320px){
	.banner {
		background: url(../images/home-page-banner.webp)no-repeat;
		background-size: cover;
		height: 185vh!important;
	}
	h2.header-heading {
		font-size: 25px!important;
		
	}
	a.btn.btn-info.aidas-butn {
		font-size: 10px!important;
	}
	#digital-facts {
		/* height: 70vh; */
	}
	.copy {
		text-align: center;
	}
	.social-icons {
		width: 100%;
		box-sizing: border-box;
		padding-left: 35%;
	}
	.contact h2 {
		text-transform: uppercase;
		font-family: poppins;
		margin: 0px!important;
	}
	ul.nav-list.nav-mobile-open.nav-active {
		z-index: 9999;
		margin-left: -317px!important;
	}.carousel-caption p {
		font-size: 14px!important;
		line-height: 20px!important;
	}	
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -82%!important;
		width: 65%!important;
		left: 30%!important;
		font-size: 16px!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn {
		bottom: -35%!important;
		width: 65%!important;
		left: 16%!important;
		font-size: 16px!important;
	}
	a.btn.btn-info.aidas-butn.slider-butn.s3 {
		bottom: -23%!important;
		left: 16.5%!important;
	}
	h6.digital-marketing {
		font-size: 14px;
		line-height: 1.2em;
		color: #fff;
		text-transform: uppercase;
		font-family: open sans;
	}
	h2.header-heading {
		margin-left: 0px!important; 
	}
	a.btn.btn-info.aidas-butn.slider-butn-left {
		width: 47%!important;
		bottom: -25px;
		position: absolute;
		font-size: 20px;
		left: 4%;
	}
	a.btn.btn-info.aidas-butn.slider-butn-right {
		width: 47%!important;
		bottom: -25px;
		position: absolute;
		font-size: 20px;
		left: 54%;
	}
	ul.dots {
		position: fixed;
		top: 9%;
		right: 0%;
		z-index: 9999;
		width: 320px;
		background-color: black;
	}
	ul#circle-dots {
		display: none;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		top: 55px;
		left: 10px;
		background-color: #f1f1f1;
		min-width: 260px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.demo.active a {
		color: #ffffff!important;
		text-decoration: none;
	}
	.dropdown-content a {
		color: #ffffff!important;
		margin-left: 0px!important;
	}
	.services-box-1 {
		padding: 20px!important;
    /* padding: 30px 50px 50px 30px; */
	}
	.services-section-pragraph p {
		margin-left: 15px;
		margin-right: 10px;
	}
	.header-heading.web-development-space{
		padding-left:16px;
	}
	.icons-1 img {
		width: 75px;
	}
	.header-heading.text-center-1{
		text-align:center;
	}
	#digital-facts {
		min-height: 0px!important;
	}
	.slick-slide {
		margin: 0px 0px;
		width:135px!important;
	}
	.doted-divider{
		border-right:0px dotted;
		border-bottom:0px dotted;
	}
	.services-setion-heading {
		padding-left: 4%;
	}
	.icons-1 img {
		width: 30%;
	}
	.list-pragraph p {
		font-size: 16px;
		color: #000000;
		font-family: open sans;
		padding-right: 18px;
	}
	.dropdown-content {
		top: 54px;
		left: 13px;
	}
	.technologies-pragraph p {
		padding-left: 0px; 
		padding-right: 0px;
	}
	.core-features-box1-icon img {
		width: 100%;
		margin-bottom: 16px;
	}
	.doted-divider{
		border-right:1px dotted;
		border-bottom:1px dotted;
	}
	.doted-right{
		border-bottom:1px dotted;
	}
	.doted-border {
		border-right: 1px dotted;
		border-bottom: 1px dotted;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-divider.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.doted-border.right-remove {
		border-right: 1px dotted #fff!important;
	}
	.col-lg-3.col-md-3.col-sm-3.col-xs-6.right-remove {
		border-bottom: 1px dotted!important;
	}
	.col-md-4.col-sm-4.col-xs-12.right-space {
		padding-right: 15px;
		margin-bottom: 15px;
	}
	.row.top-space-remove {
		margin-top: 0px!important;
	}	
	.technologies-images {
		margin-bottom: 25px;
	}
	a.btn.btn-info.aidas-butn.contact-us {
		left:0px!important;
	}
	.dropdown-content {
		height: 306px;
		overflow: scroll;
	}
	.margine-bottom{
		margin-bottom:10px;
	}
	.project-overlay-1 {
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 0;
		background-color: #222222bf;
		overflow: hidden;
		width: 92%;
		height: 100%;
	}
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		height: 230px;
		overflow-y: scroll;
	}
	.slick-slide{
		width:116px!important;
	}
}