@media screen and (max-width: 768px) {
    .header-logo {
      width: 150px;
    }
    header.sticky .header-container .logo-container .header-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    header .header-container .logo-container {max-width: 175px;}
    header .header-container .toggle-button {display: block; margin-top: 12px; float: right;}
    .toggle-button {position: relative; width: 35px; height: 30px; padding: 4px; transition: .25s; z-index: 15;}
    .toggle-button:hover {cursor: pointer;}
    .toggle-button .menu-bar {position: absolute; border-radius: 2px; width: 80%; transition: .5s;}
    .toggle-button .menu-bar-top {border: 3px solid #FFFFFF; border-bottom: none; top: 0;}
    .toggle-button .menu-bar-middle {height: 3px; background-color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; top: 3px;}
    .toggle-button .menu-bar-bottom {border: 3px solid #FFFFFF; border-top: none; top: 16px;}
    header.sticky .toggle-button .menu-bar-top {border-color: #333333;}
    header.sticky .toggle-button .menu-bar-middle {background-color: #333333;}
    header.sticky .toggle-button .menu-bar-bottom {border-color: #333333;}
    .button-open .menu-bar-top {transform: rotate(45deg) translate(4px, 4px); transition: .5s;}
    .button-open .menu-bar-middle {transform: translate(230px); transition: .1s ease-in; opacity: 0;}
    .button-open .menu-bar-bottom {transform: rotate(-45deg) translate(8px, -7px); transition: .5s;}
    header .header-container .navigation-container {display: none; position: relative; top: 15px; margin: 0 -30px; background: #FFFFFF; height: 100vh; transition: all 0.5s;}
    header .header-container .navigation-container.menu-open {display: block; transition: all 0.5s;}
    header .header-container .navigation-container .main-navigation ul li {width: 100%;}
    header .header-container .navigation-container .main-navigation ul li:hover {background: #DADADA;}
    header .header-container .navigation-container .main-navigation ul li:hover ul  {display: none;}
    header .header-container .navigation-container .main-navigation ul li a {color: #333333; font-size: 16px; padding: 15px 30px;}
    header .header-container .navigation-container .main-navigation ul li a:hover {color: #E23744 !important;}
    header .header-container .navigation-container .main-navigation ul li a span.underline {display: none;}
    header .header-container .navigation-container .main-navigation ul ul {width: 100%; position: relative;}
    header .header-container .navigation-container .main-navigation ul ul li a {width: 100%; padding: 15px 20px 15px 50px;}
    
    .overlay-bg .overlay-content .team-mate-content {width: 90% !important; margin: 80px 0 !important; padding: 30px 0; overflow-y: auto;}
    
    section.home-intro .home-intro-content-container .home-intro-content .row .left-side h1 {font-size: 30px; line-height: 40px;}
    section.home-intro .home-intro-content-container .home-intro-content .row .left-side h3.top-text {font-size: 30px; line-height: 30px;}
    section.home-intro .home-intro-content-container .home-intro-content .row .left-side h4.bottom-text {font-size: 25px; line-height: 30px;}
    section.home-intro .home-intro-content-container .home-intro-content .row .right-side {display: none;}
    
    section.home-process .process-content {height: auto !important; background: none !important; margin-bottom: 0px !important;}
    
    .social-bar span {display: none;}
    .social-bar .row-container {padding: 20px !important;}
    .footer-contact {display: none;}
    
    .site-footer p span {display: none;}

    section.home-testimonial .testimonial-inner {
        margin: 15px;
        padding: 15px;
    }
    section.home-testimonial .testimonial-content {
        margin: 0 15px;
    }
    section.home-testimonial .testimonial-content:before {
        left: -25px;
    }
    section.home-testimonial .testimonial-content:after {
        right: -25px;
    }
    section.home-testimonial .testimonial-content p {
        margin-top: 15px;
    }
    .contact-blocks .contact-block {
        margin-bottom: 15px;
    }
    .page-header {
		background-size: cover;
      	background-position: center center;
      	height: 65vh;
    }
    .page-header-content {
		margin: auto;
      	height: fit-content;
    }
  	.page-header .page-header-container .page-header-content h3 {
  		padding: 20px 20px 0px;
  	}
    .page-section .text-content.right {
      	padding-left: 15px;
    }
  	.page-section .img-first {
		flex-direction: column-reverse;
	}
    .page-header .page-header-container .page-header-content h1 {
        padding: 0px 15px;
        font-size: 35px;
        margin-bottom: 0px;
    }
    body.single-work-page .page-header .page-header-container .page-header-content {
        margin-right: auto;
        width: 90%;
        text-align: center;
        margin-left: auto;
    }
    .work-intro-wrapper {
      	flex-direction: column-reverse;
    }
    .intro-section .col-md-9.left-side {
        border: 0px;
        padding: 0px 15px 15px;
        max-width: 100%;
    }
    .intro-section .right-side {
      	max-width: 100%;
    	padding: 0px 15px;
    }
    .panel-body-title .apply {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .latest-blog-content {
        margin-top: 30px;
    }
    body.single-post .page-header .page-header-container {
        height: 85vh;
    }
    body.single-post .page-header .page-header-container .post-img {
      	display: none;
    }
    body.single-post .page-header .page-header-container .page-header-content {
    	text-align: left;
        width: 90%;
        margin: auto auto auto;
    }
}

/*MEDIA QUERIES*/

/* for 980px or less */
@media screen and (max-width: 980px) {



}

/* for 700px or less */
@media screen and (max-width: 600px) {


}

/* for 480px or less */
@media screen and (max-width: 480px) {
    
header .header-container .logo-container {max-width: 175px;}
header .header-container .toggle-button {display: block; margin-top: 12px; float: right;}
.toggle-button {position: relative; width: 35px; height: 30px; padding: 4px; transition: .25s; z-index: 15;}
.toggle-button:hover {cursor: pointer;}
.toggle-button .menu-bar {position: absolute; border-radius: 2px; width: 80%; transition: .5s;}
.toggle-button .menu-bar-top {border: 3px solid #FFFFFF; border-bottom: none; top: 0;}
.toggle-button .menu-bar-middle {height: 3px; background-color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; top: 3px;}
.toggle-button .menu-bar-bottom {border: 3px solid #FFFFFF; border-top: none; top: 16px;}
header.sticky .toggle-button .menu-bar-top {border-color: #333333;}
header.sticky .toggle-button .menu-bar-middle {background-color: #333333;}
header.sticky .toggle-button .menu-bar-bottom {border-color: #333333;}
.button-open .menu-bar-top {transform: rotate(45deg) translate(4px, 4px); transition: .5s;}
.button-open .menu-bar-middle {transform: translate(230px); transition: .1s ease-in; opacity: 0;}
.button-open .menu-bar-bottom {transform: rotate(-45deg) translate(8px, -7px); transition: .5s;}
header .header-container .navigation-container {display: none; position: relative; top: 15px; margin: 0 -30px; background: #FFFFFF; height: 100vh; transition: all 0.5s;}
header .header-container .navigation-container.menu-open {display: block; transition: all 0.5s;}
header .header-container .navigation-container .main-navigation ul li {width: 100%;}
header .header-container .navigation-container .main-navigation ul li:hover {background: #DADADA;}
header .header-container .navigation-container .main-navigation ul li:hover ul  {display: none;}
header .header-container .navigation-container .main-navigation ul li a {color: #333333; font-size: 16px; padding: 15px 30px;}
header .header-container .navigation-container .main-navigation ul li a:hover {color: #E23744 !important;}
header .header-container .navigation-container .main-navigation ul li a span.underline {display: none;}
header .header-container .navigation-container .main-navigation ul ul {width: 100%; position: relative;}
header .header-container .navigation-container .main-navigation ul ul li a {width: 100%; padding: 15px 20px 15px 50px;}

.overlay-bg .overlay-content .team-mate-content {width: 90% !important; margin: 80px 0 !important; padding: 30px 0; overflow-y: auto;}

section.home-intro .home-intro-content-container .home-intro-content .row .left-side h1 {font-size: 30px; line-height: 40px;}
section.home-intro .home-intro-content-container .home-intro-content .row .left-side h3.top-text {font-size: 30px; line-height: 30px;}
section.home-intro .home-intro-content-container .home-intro-content .row .left-side h4.bottom-text {font-size: 25px; line-height: 30px;}
section.home-intro .home-intro-content-container .home-intro-content .row .right-side {display: none;}

section.home-process .process-content {height: auto !important; background: none !important; margin-bottom: 0px !important;}

.social-bar span {display: none;}
.social-bar .container {padding: 20px !important;}
.social-bar ul.social-media-icons {width: 70%;}
footer {padding: 50px 0 100px;}
footer .copyright-wrapper .copyright, footer .copyright-wrapper .credit {text-align: center;}
footer .copyright-wrapper .credit {margin-top: 10px;}
.footer-contact {display: none;}

.site-footer p span {display: none;}
.techstack-subtitle {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}
.techstack-wrapper .col-md-10 .row .col-md-2 {
    width: 50%;
}
section.services .service-content a .sr-number {
    left: 0;
    right: 0;
    margin: 0 auto;
}

}