/*		Desktop Layout: 1170px.
---------------------------------------------------------------- */
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
	header .navbar .nav-item .nav-link {
	    padding: 0px 12px;
	}
	header .navbar .navbar-brand {
	    padding-right: 15px;
	}

}


/*      Tablet Layout: 768px.    */
@media only screen and (min-width: 768px) and (max-width: 1025px) {

	/*----------- Default Style CSS ------------*/
	.section_title {
	    width: 100% !important;
	    margin: 0px auto 20px;
	    text-align: center !important;
	    padding: 0 15px;
	}
	.section_title h2 {
	    font-size: 34px;
	    padding-bottom: 15px;
	}
	.section_title span {
	    margin-left: 0 !important;
	}


	/*----------- Header Style CSS ------------*/
	.header {
	    display: none;
	}
	.header_wrapper .intro-wrapper {
	    text-align: center;
	    position: unset;
	    top: 100px;
	    transform: none;
	    background: #1e119f;
	    padding-bottom: 100px;
	    padding-top: 50px;
	}
	.header_wrapper .intro-wrapper .intro-text h1 {
	    font-size: 55px;
	}
	.header_wrapper .intro-wrapper .intro-text p {
	    padding-right: 0;
	}
	.header_wrapper .intro-wrapper .intro_banner img {
	    padding-top: 50px;
	    width: 100%;
	}
	.header_wrapper.inner .intro-wrapper .intro-text h1 {
	    margin-bottom: 30px;
	    font-size: 36px;
	}

	/*----------- Gallery ------------*/
	.theme-one.gallery_area .full_gallery_view {
	    display: inline-block;
	    justify-content: center;
	    text-align: center;
	}
	.theme-one.gallery_area.style-three .filter-buttons {
	    padding-top: 40px;
	}
	.gallery_area.style-three .gallery-wrapper figure {
	    margin: 0 0 15px 0;
	    width: 48%;
	}

	/*----------- Who We Are ------------*/
	.who-we-are .who-we-banner {
	    padding-left: 0;
	    margin-top: 60px;
	}
	.who-we-are .who-we-banner img {
	    border: 30px solid #fe4c1c;
	    width: 100%;
	}
	.who-we-are .who-we-banner::before {
	    height: 65px;
	    width: 65px;
	    bottom: -25px;
	    left: 0;
	}
	.who-we-are .who-we-banner::after {
	    top: 15px;
	    right: 0;
	}

	/*----------- Clients Logos ------------*/
	.our_clients.style-one .clients_logo img {
	    height: 22px;
	}

	/*----------- Discovery Workshop ------------*/
	.discovery .descovery_wrapper .discovery_single {
	    width: 100%;
	    padding-left: 35px;
	    margin-top: 40px;
	    text-align: center;
	}
	.discovery .section_title p {
	    width: 100%;
	}
	.discovery .descovery_wrapper .discovery_single h4::before {
		display: none;
	}



.web_development .development_language .single_language {
    display: inline-block;    
    text-align: center;
}
.web_development .language_name {
    width: 100%;
    padding-left: 0px;
    text-align: center;
    padding-top: 30px;
}



}

/*		Wide Mobile Layout: 480px.
------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

@media only screen and (max-width: 767px) {
	/*----------- Default Style CSS ------------*/
	.section_title {
	    width: 100% !important;
	    margin: 0px auto 20px;
	    text-align: center !important;
	    padding: 0 15px;
	}
	.section_title h2 {
	    font-size: 34px;
	    padding-bottom: 15px;
	}
	.section_title span {
	    margin-left: 0 !important;
	}


	/*----------- Header Style CSS ------------*/
	.header {
	    display: none;
	}
	.header_wrapper .intro-wrapper {
	    text-align: center;
	    position: unset;
	    top: 100px;
	    transform: none;
	    background: #1e119f;
	    padding-bottom: 100px;
	    padding-top: 50px;
	}
	.header_wrapper .intro-wrapper .intro-text h1 {
	    font-size: 40px;
	}
	.header_wrapper .intro-wrapper .intro-text p {
	    padding-right: 0;
	}
	.header_wrapper .intro-wrapper .intro_banner img {
	    padding-top: 50px;
	    width: 100%;
	}
	.header_wrapper.inner .intro-wrapper .intro-text h1 {
	    margin-bottom: 30px;
	    font-size: 36px;
	}
	.header_wrapper.inner .intro-wrapper .intro-text .swin-btn {
	    font-size: 20px;
	}
	.header_wrapper.inner .intro-wrapper .intro-text .swin-btn::before {
	    font-size: 20px;
	    top: 0px;
	}


	/*----------- Services Block ------------*/
	.services_block.style-one .analytics_item {
	    margin-bottom: 15px;
	}
	.services_block.style-one .services_block_content p {
	    padding: 0;
	}


	/*----------- Who We Are ------------*/
	.who-we-are .who-we-banner {
	    padding-left: 0;
	    margin-top: 60px;
	}
	.who-we-are .who-we-banner img {
	    border: 30px solid #fe4c1c;
	    width: 100%;
	}
	.who-we-are .who-we-banner::before {
	    height: 65px;
	    width: 65px;
	    bottom: -25px;
	    left: 0;
	}
	.who-we-are .who-we-banner::after {
	    top: 15px;
	    right: 0;
	}


	/*----------- Our Aproach ------------*/
	.aproach_single .aproach_shape {
	    display: none;
	}
	.our_aproach .aproach_single .aproach_title {
	    padding-right: 0;
	}
	.our_aproach .aproach_single {
	    text-align: center;
	}
	.our_aproach .aproach_single .aproach_icon {
	    margin: 0px auto 15px;
	}
	.our_aproach .aproach_single .aproach_title h3 {
	    padding-bottom: 15px;
	}
	.our_aproach .aproach_single.two {
	    padding-top: 30px;
	}
	.our_aproach .aproach_single.three {
	    padding-top: 30px;
	}


	/*----------- Gallery ------------*/
	.theme-one.gallery_area .full_gallery_view {
	    display: inline-block;
	    justify-content: center;
	    text-align: center;
	}
	.theme-one.gallery_area .gallery-wrapper {
	    border-left: 30px solid transparent;
	    border-right: 30px solid transparent;
	}
	.theme-one.gallery_area.style-three .filter-buttons button.button {
	    margin-bottom: 10px;
	}
	.theme-one.gallery_area.style-three .filter-buttons {
	    padding-left: 50px;
	    padding-top: 40px;
	}
	.gallery_area.style-three .gallery-wrapper figure {
	    margin: 0 0 15px 0;
	    width: 100%;
	    left: 0 !important;
	}


	/*----------- Testimonial Section ------------*/
	.testimonial .slick-list {
	    margin: 0;
	}
	.testimonial .testimonial_single p {
	    font-size: 18px;
	    line-height: 30px;
	}


	/*----------- Free Consultancy ------------*/
	.free_consultancy.contact .col-12{
		padding: 0;
	}
	.contact .contact_form_wrapper {
	    padding: 100px 30px;
	}


	/*----------- Contact Us ------------*/
	section.contact.us {
	    padding: 0;
	}
	.contact.us .contact_form_wrapper {
	    padding: 60px 15px;
	}
	.google_map #map {
	    height: 400px;
	    margin-top: 50px;
	}
	.contact.us .contact_form_wrapper .submit-btn {
	    text-align: center;
	}


	/*----------- Our Clients ------------*/
	.our_clients.style-one .clients_logo {
	    display: inline-block;
	    justify-content: center;
	    text-align: center;
	    width: 100%;
	}
	.our_clients.style-one .clients_logo li {
	    margin-bottom: 15px;
	}


	/*----------- Footer Css ------------*/
	.footer_top {
	    display: grid;
	    width: 100%;
	    text-align: center;
	    justify-content: center;
	}
	.scroll-nav.d-flex.footer_main_nav {
	    display: inline-block !important;
	    margin-top: 30px;
	}
	footer .footer_main_nav li a {
	    padding: 0 0 15px 0px !important;
	}
	footer .copy_links {
	    text-align: center;
	    display: inherit;
	}
	footer .icon-bottom {
		margin: 50px auto 0;
	    float: none;
	}
	footer .footer-bottom p {
	    padding-right: 0;
	}
	footer .social_media {
	    display: flex;
	    float: none;
	}


	/*----------- Discovery Workshop ------------*/
	.discovery .descovery_wrapper .discovery_single {
	    width: 100%;
	    padding-left: 35px;
	    margin-top: 40px;
	    text-align: center;
	}
	.discovery .section_title p {
	    width: 100%;
	}
	.discovery .descovery_wrapper .discovery_single h4::before {
		display: none;
	}
	.discovery .descovery_wrapper {
	    display: inline-block;
	    margin-top: 20px;
	}


	/*----------- Call To Action ------------*/
	.call-to-action .section_title h2 {
	    padding: 0;
	}
	.call-to-action .section_title p {
	    width: 100%;
	}


	/*----------- Web Development ------------*/
	.web_development {
	    text-align: center;
	}
	.web_development .services_single {
	    margin-bottom: 30px;
	}
	.web_development .services_banner img {
	    margin-bottom: 15px;
	}
	.web_development .language_name {
	    text-align: left;
	}
}		
