/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
  	.foot-call {
        display: none
    }
  	nav.menu-desktop {
		margin-right: 0
	}
	h2.title--small {
		white-space: normal
	}
	.container{
		max-width:80%;
		padding: 1px 20px;
	}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  	.foot-call {
        display: none
    }
  	.testi .owl-theme .owl-nav .owl-prev {
		left: 20px
	}
	.testi .owl-theme .owl-nav .owl-next {
		right: 20px
	}
	.contact__content {
		margin-right: 17%
	}
  	#menu-canvas,.header-desktop,.header-stick {
		display: none
	}
	.contact__inner,.we-are__left>div {
		text-align: center
	}
	.title-2 {
		font-size: 30px
	}
	header.header-mobile {
		display: block
	}
	#menu-canvas {
		padding: 60px 30px
	}
	.service__item {
		width: 50%
	}
	.bottom-shadow:after {
		display: none
	}
	.contact__content {
		margin: 0 auto
	}
	.contact__inner>a {
		margin-top: 30px
	}
	.partner {
		padding: 35px 20px
	}
	.we-are__right {
		padding-left: 0
	}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  	#menu-canvas,
	.header-desktop,
	.header-stick {
		display: none
	}
	.header-mobile .logo img{
	  width: 160px;
	  padding-top: 10px;
	}
	.contact__inner, .we-are__left>div {
		text-align: center
	}
	.title-2 {
		font-size: 30px
	}
	header.header-mobile {
		display: block
	}
	#menu-canvas {
		padding: 60px 30px
	}
  	.foot-call{display:none}
  	.blog-sidebar, .form-contact-wrap, .service-text {
		padding-left: 0
	}
	.port1__img-wrap .port1-img, .service-img-wrap .service-img {
		padding-right: 10px
	}
	h4.pro-title {
		font-size: 28px
	}
	.parallax--slide-re-pro {
		padding: 30px
	}
	#our2.title-2--special:before {
		top: 8px
	}
	.title-2--special:after {
		width: 80px
	}
	#our2.title-2--special:after {
		top: 14px;
		right: -120px
	}
	header.header-mobile{
        display:block;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)
    }
	.authorised-partners ul li {
        width: 100%
    }
    .latest__item img{
    	height: 187px;
    }
    .support-section .form-inner form#quick-form{
    	padding: 23px 15px;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  	.text-block {
	    letter-spacing: 2px; 
	}
  	.header-mobile .logo img{
	  width: 160px;
	  padding-top: 10px;
	}
	.latest__item img{
    	height: 251px;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  	#menu-canvas,
	.header-desktop,
	.header-stick {
		display: none
	}
	.contact__inner,
	.we-are__left>div {
		text-align: center
	}
	.title-2 {
		font-size: 30px
	}
	.header-mobile .logo img{
	  width: 160px;
	  padding-top: 10px;
	}
	header.header-mobile {
		display: block
	}
	#menu-canvas {
		padding: 60px 30px
	}
  	.logo {
		text-align:center;
		margin-top:2%;
	}
	.testi__item blockquote>i {
		left:-30px
	}
	.service__item {
		display:block;
		width:100%;
		height:auto;
	}
	.we-are__item {
		display:inline-block;
		margin:20px auto 0;
		width:45%;
	}
	.contact2__item {
		padding:50px 20px
	}
  	.menu-canvas__inner {
		margin-top:20px
	}
	#menu-canvas {
		display:none
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  	/* Menu Setting and top contact*/
  	#menu-canvas,
	.header-desktop,
	.header-stick {
		display: none
	}
	.contact__inner,
	.we-are__left>div {
		text-align: center
	}
	.title-2 {
		font-size: 30px
	}
	header.header-mobile {
		display: block
	}
	.header-mobile .logo img{
	  width: 160px;
	  padding-top: 10px;
	}
	#menu-canvas {
		padding: 60px 30px
	}
	.change-side {
        margin-bottom: -28%
    }
    .service__item {
		display:block;
		width:100%;
		height:auto;
	}
	.contact__content{
		margin-right: 0px;
	}
	.testi__item>blockquote {
		width:70%
	}
	
    footer .set li {
        text-align: center!important
    }
    #btn-to-top {
        bottom: 44px!important;
        right: 10px!important
    }
    .copyright {
        margin-bottom: 14%
    }
    .see-more {
        margin-top: 7%!important;
        margin-bottom: 8%
    }
    footer img {
        margin: 0 0 4%;
        display: initial
    }
    .copyright .first-1, .copyright .first-2 {
        text-align: center
    }
    .set-size-1 {
        display: none
    }
    .padding-side img {
        width: 50%;
        margin: 0 auto;
        display: block
    }
    .counter-top-area-1 {
        margin-top: 24%!important
    }
    footer .social {
        margin-top: 16px!important;
        text-align: center!important
    }
    footer h1, footer p, footer ul li {
        text-align: center
    }
    .support-section .form-inner {
        padding-right: 0
    }
    .support-section .form-inner form#quick-form {
        padding: 23px 25px
    }
    .support-section button, .support-section input, .support-section select, .support-section textarea {
        margin-bottom: 5%
    }
    .counter-top-area .list {
        padding-bottom: 3%!important;
        padding-top: 8%!important
    }
    .counter-top-area {
        margin-top: 11%
    }
    .our-process {
        padding: 6% 0!important
    }
    .title-detail {
        margin-bottom: 2%!important;
        padding: 0 20px!important;
        font-size: 17px;
        line-height: 25px
    }
    .parallax--footer {
        padding: 20px 0
    }
    .title {
        margin: 5% 0
    }
    footer h1 {
        padding-top: 5%;
        padding-bottom: 4%
    }
    footer a {
        font-size: 13px
    }
}