/*		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 ------------*/
	h1{
		color: #ffffff;
	}
	section, header, footer{
		overflow-x: hidden;
	}
	.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;
	    line-height: 46px !important;
	}
	.section_title span {
	    margin-left: 0 !important;
	    min-height: 40px;
	    display: inline-table;
	}


	/*----------- 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;
	    color: #ffffff
	}
	.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 {
	    padding: 100px 0 70px;
	}
	.services .shape {
	    display: none;
	}
	.services_block.style-one .analytics_item {
	    margin-bottom: 15px;
	}
	.services_block.style-one .services_block_content p {
	    padding: 0;
	}
	.services .services_style_one .services_wrapper .services_content {
	    padding: 35px 20px;
	}
	.services .services_style_one .services_wrapper {
	    margin-bottom: 30px;
	}
	.services .services_style_one .services_wrapper .services_content .publish_info li {
	    padding-right: 15px;
	}
	.services .services_style_one .services_wrapper .services_content .publish_info li:before {
	    right: 6px;
	}


	/*----------- Who We Are ------------*/
	.who-we-are {
	    padding: 0;
	}
	.who-we-are .who-we-banner {
	    padding-left: 0;
	    margin-top: 60px;
	    right: 0;
	    margin-bottom: 60px;
	}
	.who-we-are .section_title {
	    padding-left: 0;
	}
	.who-we-are .who-we-banner img {
	    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;
	}
	section.who-we-are .call_info {
	    display: block;
	}
	.who-we-are .call_info .call_number {
	    padding-left: 0;
	    margin-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;
	    border-radius: 10px;
	}
	.gallery_area.style-three .gallery-wrapper figure figcaption {
	    padding: 12px 20px;
	    width: 90%;
	}
	.gallery_area.style-three .gallery-wrapper figure img {
	    width: auto;
	    height: 100%;
	}


	/*----------- Testimonial Section ------------*/
	.testimonial.style-one .full_gallery_view {
	    display: inherit;
	    margin-bottom: 60px;
	    text-align: center;
	}
	.testimonial .testimonial_single p {
	    font-size: 18px;
	    line-height: 30px;
	}
	.testimonial.style-one .testimonial-content-box {
	    padding: 45px 25px;
	    margin-bottom: 30px;
	}
	.testimonial.style-one .testimonial-box .image-box {
	    width: 20%;
	    float: none;
	}
	.testimonial.style-one .clients_logo li {
	    width: 50%;
	    margin-top: 30px;
	}
	.testimonial.style-one .clients_logo li img{
	    width: 80%;
	}



	/*----------- Pricing Plans ------------*/
	.pricing_table.style-one {
	    padding: 100px 0 30px;
	}
	.pricing_table.style-one .pricing-features {
	    padding: 45px 30px;
	    background: #ffffff;
	}
	.pricing_table.style-one .pricing_box_wrapper .pricing_box {
	    margin-bottom: 90px;
	}


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


	/*----------- Footer Css ------------*/
	footer{
		text-align: center;
	}
	.footer-title p {
	    padding-right: 0;
	}
	footer .footer_col_hed h3 {
	    margin-bottom: 20px;
	    margin-top: 35px;
	}
	.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;
	    justify-content: center;
	}
	footer .footer-bottom p {
	    padding-right: 0;
	}
	footer .social_media {
	    display: flex;
	    float: none;
	}
	footer form .input-group {
	    width: 100%;
	    display: inline-block;
	}
	footer form .input-group input {
	    border-radius: 50px !important;
	    height: 50px !important;
	    padding: 0 15px;
	    width: 100% !important;
	    margin-bottom: 15px;
	}
	footer form .input-group .input-group-append {
	    position: unset;
	    right: 15px;
	    top: 0;
	    transform: none;
	    margin-top: 15px;
	}
	footer form .input-group .form_icon {
		display: none;
	}



}		
