@media screen and (min-width: 1200px) {
  .site-footer .link-widget {
    padding-left: 20px;
  }
  .site-footer .contact-widget {
    padding-left: 25px;
  }
}

@media (min-width: 992px){
	.main-slider .swiper-pagination-bullets,
  .main-slider .swiper-pagination-custom,
  .main-slider .swiper-pagination-fraction {
    display: none;
  }

  .main-style-3 .container {
    border-left: 6px solid var(--color-white);
    position: relative;
    padding: 35px 0 0 35px;
  }
  .main-style-3 .container:before {
    content: "";
    background-color: var(--color-white);
    width: 65px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media(min-width: 768px){
  .navbar-custom .nav-item .nav-link{
		padding-right: 1.3rem;
	    padding-left: 1.3rem;
	}
  .topbar-block {
      height: 46px;
  } 
}

@media (min-width: 576px){
  .h-sm-100{
    height: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px){
  .services-section .services-grid .grid{
    padding: 25px;
  }
}

@media (max-width: 1199.98px) {
  .cta-section h4 {
    font-size: 19px;
  }
  .site-footer .link-widget {
    padding-left: 20px;
  }
  .serv-nav .nav-link{
    padding: 12px 10px;
  }
}

@media (max-width: 991.98px){
  .section-padding {
    padding: 70px 0;
  }
	.contact-info {
    	width: calc(100% - 240px);
	}

	.topbar-social {
	    width: 230px;
	    text-align: right;
	}

	.contact-info ul > li + li {
	    margin-left: 10px;
	    padding-left: 10px;
	}

	a.btn-touch{
		display: none;
	}
  .counter-title{
    font-size: 20px;
  }
  .counter-box{
    padding: 15px;
  }
  /*---footer start---*/
  .footer{
    padding-top: 50px;
  }
  .f-abt{
    margin-bottom: 30px;
  }
  .pb-30 {
    padding-bottom: 0px;
  }
  .c-sm-col{
    padding-left: 0;
    padding-right: 0;
  }
  .c-sm-col:nth-child(2){
    width: 25%;
  }
  .c-sm-col:nth-child(3){
    width: 40%;
    padding-left: 20px;
  }
  .c-sm-col:nth-child(4){
    width: 35%;
  }
  .f-title{
    margin-bottom: 10px;
    font-size: 18px;
  }
  .f-menu-block li a{
    font-size: 13px;
  }
  .fc-link{
    padding-left: 35px;
  }
  .fm-link:before{
    font-size: 10px;
    top: 10px;
  }
  /*---footer end---*/

  /*slider strat*/
  .main-slider {
    height: 600px;
  }

  .main-slider .swiper-button-prev,
  .main-slider .swiper-button-next {
    display: none;
  }

  .main-slider .slide-title h2 {
    font-size: 50px;
    font-size: 3.33333rem;
  }

  .main-style-3 {
    height: 600px;
  }
  /*slider end*/

  /*about us start*/
  .about-section {
    padding: 50px 0;
  }
  .about-section .img-holder {
    display: none;
  }
  /*about us end*/

  /*our service strat*/
  .services-section {
    padding-bottom: 70px;
  }
  .services-section .services-grid .grid {
    width: calc(50% - 30px);
    padding: 45px 35px;
  }
  .services-pg-section-s2 {
    padding-bottom: 50px;
  }
  /*our service end*/

  /*quick contact strat*/
  .cta-section .cta-content {
    text-align: center;
  }
  .cta-section h4 {
    margin: 0 0 1em;
    line-height: 1.4em;
  }
  .cta-section .cta-content {
    position: relative;
    padding: 10px 0;
  }
  /*quick contact oend*/
  /*contact us form strat*/
  .contact-wrapper {
    padding-bottom: 45px;
  }
  .contact-wrapper form input,
  .contact-wrapper form select,
  .contact-wrapper form textarea {
    height: 45px;
  }
  /*contact us form end*/

  /*footer strat*/
  .site-footer .upper-footer {
    padding: 90px 0 20px;
  }
  .site-footer .upper-footer .col {
    min-height: 235px;
    margin-bottom: 70px;
  }
  .site-footer .link-widget {
    padding-left: 0;
  }
  .site-footer .lower-footer .copyright {
    float: none;
    display: block;
    margin: 0 0 20px;
  }
  /*footer end*/
  .mb-md-30{
    margin-bottom: 30px;
  }
  .abt-mb{
    margin-bottom: 25px !important;
  }
  /*portfolio start*/
  #filters{
    margin: 0px 0 30px;
  }
  #portfoliolist .portfolio{
      flex: 0 0 50%;
      max-width: 50%;
      padding: 15px;
  }
  /*portfolio end*/
  /*breadcrumb start*/
  .breadcrumb-section{
    height: 220px;
  }
  .pb-c-0{
    padding-bottom: 0 !important;
  }
  /*breadcrumb end*/
  /*about us start*/
  .our-skill-section{
    height: 450px;
    min-height: 450px;
  }
  .skill-animation{
    height: 450px;
  }
  /*about us end*/
  /*---our services start---*/
  .serv-nav{
    flex-direction: row !important;
    -ms-flex-direction: row!important;
    flex-wrap: nowrap;
    margin-bottom: 15px;
  }
  .serv-nav .nav-link{
    white-space: nowrap;
  }
  .serv-nav .nav-link + .nav-link{
    border-top: 0;
    border-left: 1px solid #68718852; 
  }
  .mt-md-30{
    margin-top: 30px;
  }
  /*---our services end---*/
}

@media (max-width: 767.98px){
  .section-title h2{
    font-size: 32px;
  }

	.contact-info{
		width: 100%
	}

	.topbar ul li{
		width: 50%;
    	margin: 0px -2px;
	}

	.contact-info ul > li + li{
		margin-left: 0;
	    padding-left: 0;
	    text-align: right;
	}

	.topbar-social{
		display: none;
	}

	.navbar-custom .nav-item{
		background: #f7f9fb;
	    padding: 2px 15px;
	    border: 1px solid #e3f3ff;
	}

	.navbar-custom .nav-item .nav-link:before{
		left: 0;
	}

  .footer {
    padding-top: 30px;
  }
  .f-desc{
    font-size: 14px;
  }

  /*slider start*/
  .main-slider {
    height: 500px;
  }

  .main-slider .slide-title h2 {
    font-size: 35px;
    font-size: 2.33333rem;
  }

  .main-slider .slide-text p {
    font-size: 16px;
    font-size: 1.06667rem;
  }

  .main-slider-si .slide-btns > a:first-child,
  .main-style-1 .slide-btns > a:first-child,
  .main-style-3 .slide-btns > a:first-child {
    margin-right: 15px;
  }
  
  .main-style-3 {
    height: 500px;
  }
  /*slider end*/

  /*our service strat*/
  .services-section {
    padding-bottom: 70px;
  }

  .services-section .services-grid {
    margin: 0 -7.5px;
  }

  .services-section .services-grid .grid {
    width: calc(100% - 15px);
    margin: 0 7.5px 30px;
    padding: 30px;
  }

  .services-section .fi:before {
    font-size: 40px;
    font-size: 2.66667rem;
  }

  .services-pg-section-s2 {
    padding-bottom: 40px;
  }
  /*our service end*/

  /*contact us form strat*/
  .contact-wrapper {
    padding-bottom: 35px;
  }
  .contact-validation-active #success,
  .contact-validation-active #error {
    font-size: 15px;
  }
  /*contact us form end*/

  /*footer start*/
  .site-footer .separator {
    top: -80px;
  }
  .site-footer .upper-footer {
    padding: 80px 0 10px;
  }
  .site-footer .upper-footer .col {
    min-height: auto;
    margin-bottom: 60px;
  }
  .site-footer .widget-title {
    margin-bottom: 20px;
  }
  .site-footer .link-widget {
    max-width: 350px;
  }
  /*footer end*/

  /*breadcrumb header start*/
  .breadcrumb-section{
    height: 250px;
    background-position: left;
  }
  /*breadcrumb header end*/

  /*our skill start*/
  .our-skill-section{
    height: 720px;
    min-height: 720px;
  }
  .skill-animation {
    height: 720px;
  }
  .area{
    height: 780px;
  }

  .mt-skill{
    margin-top: 45px;
  }
  /*our skill end*/

  /*Portfolio start*/
  #filters li {
    width: 49%;
    margin: 0;
    padding: 5px;
  }
  #filters li span{
    padding: 15px 10px;
  }
  #filters {
    margin: 0px 0 25px;
  }
  /*Portfolio end*/
  /*testimonial start*/
  .testimonial-img-block{
    width: 100px;
    height: 100px;
  }
  /*testimonial end*/
  /*our services start*/
  .mt-sm-30{
    margin-top: 30px;
  }
  .serv-section, .pb-50 {
    padding-bottom: 30px !important;
  }
  /*our services end*/

}

@media (max-width: 575.98px){
  .btn-theme{
    padding: .50rem 20px;
    padding-right: 40px;
  }
	.topbar ul li{
		width: 50%;
		text-align: center;
	}

	.contact-info ul li i{
		display: block;
	    padding-right: 0;
	    width: 100%;
	    text-align: center
	}

	.contact-info ul > li + li{
		text-align: center;
		border-left: 0;
	}
  .section-title{
   margin-bottom: 45px; 
  }
  .section-padding {
    padding: 50px 0;
  }
  /*footer start*/
  .f-social-a{
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
  }
  .c-sm-col:nth-child(2) {
    width: 40%;
    padding-left: 8px;
  }
  .c-sm-col:nth-child(3) {
    width: 60%;
    padding-left: 20px;
  }
  .c-sm-col:nth-child(4) {
    width: 100%;
    padding-left: 8px;
    margin-top: 20px;
  }
  .si-copyright{
    padding: 20px 0;
    font-size: 14px;
  }
  .f-desc, .f-menu-block li a{
    font-size: 14px;
  }
  .fc-link:before{
    top: 9px;
  }
  .fm-link:before {
    font-size: 12px;
    top: 10px;
  }
  /*footer start end*/
  /*slider start*/
  .main-slider {
    height: 450px;
  }
  .main-slider .slide-title h2{
    font-size: 28px;
  }
  /*slider end*/
  /*our service start*/
  .services-section .services-grid .grid {
    width: calc(100% - 15px);
    margin: 0 7.5px 40px;
    float: none;
  }
  /*our service end*/

  /*contact us form start*/
  .contact-wrapper form > div {
    width: calc(100% - 15px);
    float: none;
  }
  .contact-icon{
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
  }
  .mt-60 {
    margin-top: 25px;
  }
  .contact-detail {
    background: var(--color-white);
    box-shadow: none;
    border-radius: 10px;
    padding: 5px 0;
    text-align: left;
  }
  .contact-desc {
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px);
    padding-left: 15px;
}
  .c-row{
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
  /*contact us form end*/

  /*portfolio start*/
  .port-title{
    font-size: 14px;
  }
  #filters {
    margin: 0px 0 15px;
  }
  #filters li{
    padding: 5px 3px;
  }
  /*portfolio end*/
  .mb-xs-30{
    margin-bottom: 30px;
  }
  .mt-xs-30{
    margin-top: 30px;
  }
  .text-xs-center{
    text-align: center !important;
  }
  .contact-form .btn-theme{
    margin-top: 0;
  }
  .testimonial-head{
    margin-bottom: 25px;
  }
  .cta-section h4 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .counter-title{
    font-size: 22px;
  }
  /*breadcrumb start*/
  .breadcrumb-section{
    height: 200px;
  }
  .breadcrumb-title{
    font-size: 25px;
    margin-bottom: 0;
  }
  .breadcrumb-section .breadcrumb li{
    font-size: 15px;
  }
  /*breadcrumb end*/
  /*about us page start*/
  .video-section{
    height: 350px;
  }
  .video-a, .video-span{
    width: 70px;
    height: 70px;
  }
  .video-img{
    width: 60px;
  }
  /*about us page end*/
  /*our services start*/
  .mt-xs-15{
    margin-top: 15px;
  }
  .serv-sub-title {
    margin: 20px 0;
  }
  /*our services end*/
}

@media (max-width: 480.98px){
	.topbar ul li{
		width: 60%;
	}

	.contact-info ul > li + li{
		width: 40%;
    text-align: right;
	}

	.contact-info ul li{
		font-size: 12px;
    text-align: left;
	}

	.contact-info ul li i{
		display: none;
	}
  /*---footer start---*/
  .f-title{
    font-size: 17px;
  }
  /*---footer end---*/
  /*breadcrumb start*/
  .breadcrumb-title{
    color: var(--color-white);
  }
  .breadcrumb-section:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000052;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .breadcrumb-section .breadcrumb li a{
    color: var(--color-white);
  }
  .breadcrumb-section .breadcrumb li.active {
    color: #e0e0e0;
  }
  .breadcrumb-section .breadcrumb-item+.breadcrumb-item::before{
    color: var(--color-white);
  }
  /*breadcrumb end*/
  .section-title h2 {
    font-size: 25px;
  }
  .services-section .services-grid .grid{
    padding: 30px 15px;
  }
  /*Our skill*/
  .our-skill-section {
    height: 700px;
    min-height: 700px;
  }
  /*Our skill*/
  /*Portfolio start*/
  #portfoliolist .portfolio {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*Portfolio end*/
  /*Testimonial start*/
  .user-review{
    padding: 20px 35px 10px;
  }
  .quote-left,
  .quote-right{
    font-size: 30px;
  }
  /*Testimonial end*/
  .portfolio-section #portfoliolist .portfolio{
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 420.98px){
  .si-copyright{
    padding: 25px;
  }
}

@media (max-width: 374.98px){
  html, body{
    font-size: 14px !important;
  }
  .topbar ul li{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 0;
    text-align: center;
  }
  .contact-info ul > li + li{
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
    text-align: center;
  }
  .main-slider .slide-title h2 {
    font-size: 24px;
  }
  .main-slider .slide-text p{
    font-size: 14px;
  }
  #filters li span {
    padding: 10px 0px;
    font-size: 14px;
  }
  .main-slider .slide-title h2 {
    font-size: 24px;
  }
  .counter-title {
    font-size: 20px;
  }
  .section-title h2 {
    font-size: 22px;
  }
  .f-title {
    font-size: 16px;
  }
  .c-sm-col:nth-child(3){
    padding-left: 0;
  }
  .f-desc, .f-menu-block li a{
    font-size: 13px;
  }
  .fm-link:before{
    font-size: 10px;
  }
  .si-copyright {
    padding: 15px 30px;
    margin-top: 20px;
    font-size: 13px;
  }
  .contact-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
  }

}