@media(max-width: 1920px){
	margin:50px 0px 0;
}
@media(max-width: 1800px){
	footer h4{
	    font-size: 25px;
	}
}
@media(max-width: 1680px){
	h3{
	    font-size: 45px;
	}
	h6,
	section.projects .project-navs .nav-tabs li a,
	section.choose-us .choose-box .num h3 span,
	.btn-business,
	.btn-main,
	footer ul li a,
	header .navbar-nav li a{
	    font-size: 18px;
	}
	header .float-right {
	    margin: 0 0 0 2% !important;
	}
	section.banner .content h1,
	section.choose-us .choose-box .num h3{
		    font-size: 75px;
	}
	header .navbar-nav li {
	    margin: 0 10px;
	}
	footer h4 {
	    font-size: 22px;
	}
	section.services .content ul.service-in li{
	    margin: 40px 10px;
        min-height: 240px;
	}
	.pack h2{
		font-size: 65px;
	}
	.pack{
	    padding: 40px 15px 0;
	}
	section.banner.lp-web{
	    min-height: 1000px !important;
	}
	section.banner.lp-web .content{}
	section.banner.lp-web .content h1{}
	section.footer-form .blackbox{
	    width: 80%;
	}
}
@media(max-width: 1440px){
	h6,
	section.projects .project-navs .nav-tabs li a,
	section.choose-us .choose-box .num h3 span,
	.btn-business,
	.btn-main,
	footer ul li a,
	header .navbar-nav li a,
	header .float-right li a,
	section.testimonials .box .img-box h6{
	    font-size: 18px;
	}
	header .navbar-nav li {
	    margin: 0 5px;
	}
	section.projects .project-navs .tab-content .content ul.pro-ul li {
	    margin: 10px 5px 0 0px;
	}
	section.projects .project-navs .tab-content .content ul.pro-ul li a{
		padding: 10px 15px;
	}
	.pack{
		    padding: 40px 20px 0;
		    margin: 50px 0px 0 !important;
	}
	footer h4 {
	    font-size: 20px;
	}
	section.choose-us .choose-box .num{
		    margin: 40px 0;
	}
	section.contact{
		    padding: 120px 0;
	}
	section.projects .project-navs .nav-tabs li {
	    margin: 0 15px 20px;
	}
	section.projects .project-navs .nav-tabs{
		    margin: 20px 0 0;
	}
	.portfolio .tab-content .tab-pane .img-box, .portfolio .tab-pane .img-box{
	    height: 320px;
	}
	section.banner .content h1, section.choose-us .choose-box .num h3{
         line-height: 60px;
	}
	section.banner .content h6{
        font-size: 16px;
	}
	section.footer-form .blackbox{
	    width: 90%;
	}
	
}
@media(max-width: 1366px){
	header .float-right li a.phone i{
	    width: 40px;
		height: 40px;
	}
	header .float-right {
	    margin: 0 0 0 0% !important;
	}
	h6, section.projects .project-navs .nav-tabs li a, 
	section.choose-us .choose-box .num h3 span, 
	.btn-business, .btn-main, footer ul li a, 
	header .navbar-nav li a, 
	header .float-right li a, 
	section.testimonials .box .img-box h6,
	.pack a {
	    font-size: 16px;
	}
	header .float-right li a.btn{
		padding: 8px 10px !important;
	}
	section.banner .content h1, section.choose-us .choose-box .num h3 {
	    font-size: 65px;
	}
	section.services .content ul.service-in li{
		    min-height: 220px;
	}
	section.projects .project-navs .tab-content .content ul.pro-ul li {
	    margin: 10px 5px 20px 0px;
	}
	section.testimonials .content,
	section.contact .content,
	footer p{
		width: 75%;
	}
	footer .footer-social{
		width: 100%;
	}
	section.testimonials .box .img-box{
	    height: 400px;
	}
	.pack a{
		font-size: 14px !important;
		padding: 12px 20px;
	}
	.pack .head img{
		display: none;
	}
	.contact-form .content ul li a i{
	    width: 45px;
	    height: 45px;
	    font-size: 15px;
	    margin: 0 5px 0 0;
	}
	.contact-form .content p {
	    font-size: 14px;
	}
}
@media(max-width: 1199px){
	h6, section.projects .project-navs .nav-tabs li a, section.choose-us .choose-box .num h3 span, .btn-business, .btn-main, footer ul li a, header .navbar-nav li a, header .float-right li a, section.testimonials .box .img-box h6, .pack a {
	    font-size: 14px;
	}
	section.banner .content h1, section.choose-us .choose-box .num h3 {
	    font-size: 55px;
	}
	h3 {
	    font-size: 35px;
	    line-height: 45px;
	}
	h4 {
	    font-size: 16px;
	    line-height: 28px;
	}
	.pack ul li.call-to{
	    width: 100%;
	    display: flex;
	    justify-content: center;
	}
	.pack{
	    margin: 50px 0px 0 !important;
	}
	section.testimonials .box .play-icon{
	    bottom: 60px;
	}
	section.testimonials .box .play-icon img{
	    width: 60px;
	    height: 60px;
	}
	footer .footer-social li a{
	    padding: 20px 10px;
    	font-size: 20px;
	}
	footer form input{
		height: 60px;
	    font-size: 14px !important;
	}
	footer .copyright p{
	    font-size: 12px;
	}
	section.projects .project-navs .nav-tabs li {
	    margin: 0 15px 25px;
	}
	section.services .content ul.service-in li{
	    min-height: 180px;
	    margin: 40px 5px;
        padding: 0 20px;
        width: calc(93%/5);
	}
	header .navbar-nav li a{
		font-size: 12px;
	}
	header .float-right li a.btn{
		margin: 0;
	}
	section.banner:before{
		top: 15%;
	}
	section.services-sec .col-md-7 ul li{
		    margin: 10px 5px;
    background-color: #F1F1F1;
    padding: 10px 10px;
    font-size: 12px;
	}
	.pack h2 {
    font-size: 50px;
    }
    .pack .head h3{
    	font-size: 14px;
        line-height: 18px;
    }
    .portfolio .nav-tabs li a{
    	font-size: 14px;
    }
    .portfolio .nav-tabs li,section.projects .project-navs .nav-tabs li,
    section.projects .project-navs .nav-tabs li{
    	    margin: 5px 5px !important;
    } 
    .contact-form .content p {
        font-size: 12px;
        line-height: 24px;
    }
    section.banner .social{
        bottom: 5%;
    }
    section.footer-form .blackbox {
        width: 100%;
    }
    section.footer-form .blackbox h2{
        font-size: 50px;
    }
    section.footer-form form .submit{
        width: 30%;
    }
    header .navbar-nav li {
        margin: 0 0px;
    }
}
@media(max-width: 992px){

    .website-design .navbar{
        
    }
    .website-design .form-in form{
        padding:20% 10%;
    }
    .website-design .header.shrink{
        display:none;
    }
    .website-design .banner .pr-5{
        padding-right: 0 !important;
    }
    .website-design section.banner.lp-web .content {
        padding: 20% 0 0 0;
    }
    p{
        font-size:14px;
        line-height:26px;
    }
	.navbar-toggler{
		background: #fff;
    	outline: none !important;
	}
	div#navbarSupportedContent {
	    position: absolute;
	    top: 90%;
	    left: 0;
	    background: #fff;
	    width: 100%;
	    border-radius: 20px;
	    text-align: center;
	    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	    -webkit-box-shadow: 0px 0px 15px 0px rgb(148 148 148 / 75%);
	    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	}
	header .float-right{
		width: 100%;
		display: flex;
		padding: 0px 0  25px;
	}
	header .float-right li {
	    width: 100%;
	}
	header .float-right li a.phone i{
		background-color: #662d91;
		color: #fff;
	}
	header .navbar-nav li a{
		font-size: 16px;
		color: #662d91 !important;
		position: relative;
	}
	header .float-right li a.phone{
		color: #662d91;
	}
	header .navbar-nav {
	    padding: 70px 0 25px;
	}
	header .navbar-nav li{
	    padding: 5px 0;
	}
	header .navbar-nav li a::before {
	    position: absolute;
	    content: "";
	    background-color: #662d91;
	    width: 0px;
	    height: 2px;
	    bottom: 0px;
	    left: 0px;
	    right: 0px;
	    margin: auto;
	    transition: all 0.5s ease 0s;
	}
	header .navbar-nav li a:hover::before,
	header .navbar-nav li a.active::before{
		width: 5%;
	}
	div#navbarSupportedContent:before{
		position: absolute;
		content: "";
		background: url(../../assets/images/favicon.png)no-repeat;
		width: 40px;
		height: 40px;
		top: 20px;
		left: 0;
		right: 0;
		margin: auto;
	}
	header .float-right li a.btn{
	    width: 75%;
    	margin: auto;
	}
	section.banner .social ul li{
	    width: 50px;
        height: 50px;
	}
	section.banner .content h1, section.choose-us .choose-box .num h3 {
	    font-size: 50px;
	    line-height: 55px;
	}
	section.banner .content p{
    	width: 100%;
	}
	section.projects .content p{
	    width: 75%;
	}
	section.services .content ul.service-in li h6{
	    margin: 10px 0 0 0;
	    line-height: 20px;
	}
	section.services .content h3{
		width: 100%;
	}
	.pack .head h3{
		font-size: 15px;
	}
	.pack .head h3:after{
		bottom: -10px;
	}
	.pack a {
	    padding: 10px 15px;
	    font-size: 13px !important;
	}
	section.services .content ul.service-in li{
		    margin: 40px 3px;
	}
	.pack h2 {
	    font-size: 45px;
	}
	.pack h2 sup{
		    font-size: 20px;
	}
	.pack h2 span{
		    top: -15px;
	}
	section.services .content ul.service-in li {
	    min-height: 180px;
	    margin: 40px 5px;
	    padding: 0 20px;
	    width: calc(80%/3);
	    margin: 10px 18px 30px;
	}
	section.about ul li {
	    margin: 0 0px;
	}	
	.btn-main{
	    padding: 14px 22px !important;
	}
	.contact-form .form-inn{
		padding: 50px 50px;
	}
	.contact-form .form-inn:after{
    	top: 0;
	    width: 75px;
	    height: 75px;
	    background-size: 100%;
	}
	.contact-form .content ul li .media-body{
		text-align: left;
	}
	.contact-form .form-inn {
	    padding: 50px 20px;
	}
	section.banner.lp-web .content h1{
        font-size: 45px;
        line-height: 45px;
	}
	.website-design .form-in form input,
	.website-design .form-in form textarea{
	    font-size:14px;
	}
	.service-single .img-box{
	    margin:20px 0 !important;
	}
	section.footer-form{
	    text-align:center;
	}
	section.footer-form .dis-flex-start{
    align-items: center;
    margin: 0 0 30px 0;
}
	section.footer-form:before{
	        /*width: 100% !important;*/
	}
	section.footer-form .col-md-7{
	    padding: 20px 10% 13px;
	    background-color:#fff;
	    border-radius: 10px;
	    text-align: center;
	}
	section.footer-form form .submit{
	    float:unset !important;
	        width: 40% !important;
	}
	section.footer-form form input{
	        font-size: 14px;
	}
	section.footer-form .blackbox h2 {
        font-size: 40px;
    }
}
@media(max-width: 767px){
    div#sidebar{
        width: unset !Important;
        flex-grow: 1;
    }
    section.banner.lp-web {
        min-height: 1400px !important;
    }
    section.banner.lp-web .content{
        padding:10% 0 0 0 !important;
    }
    .website-design footer .content {
        align-items: center;
        justify-content: center;
    }
    .website-design .form-in{
        margin: 2% 7% 0;
    }
    .website-design .form-in form input, 
    .website-design .form-in form textarea {
        font-size: 10px;
    }
	body,
	section.projects .content{
		text-align: center !important;
	}
	section.banner .social{
		left: 0;
    	right: 0;
	}
	section.testimonials .content, section.contact .content, footer p {
	    width: 100%;
	}
	section.contact:after{
		right: 15%;
	}
	h6{
		background: unset !important; 
	}
	section.services .content ul.service-in li{
	    width: calc(85%/2);
	}
	section.about .content{
	    padding: 0% 0 0 0;
	}
	section.choose-us .choose-box{
		    padding: 20px 0px;
	}
	section.choose-us .choose-box .num h3 span{
		    font-size: 24px;
	}
	section.choose-us .choose-box .num {
	    margin: 25px 0;
	}
	section.choose-us .choose-box{
		margin: 40px 0 0;
	}
	.pack h2{
	    text-align: left;
	}
	footer .footer-logo{
	    width: 220px;
    	height: 140px;
	}
	footer h4{
		margin: 20px 0 20px;
	}
	section.services .content:before,
	section.services .content:after,
	section.banner:before,
	section.about:before,
	section.about:after,
	section.projects:before,
	footer:before{
		    background-size: 60%;
	}
	section.banner:before {
	    top: 25%;
	}
	section.projects .project-navs .nav-tabs li {
	    margin: 0 15px 15px;
	}
	section.services-sec .col-md-7 .h6-line{
		margin-top: 0;
	}
	section.services-sec .row {
	    padding: 0 0;
	}
	section.services-sec .col-md-7 ul li{
		    width: 50%;
	}
	.portfolio .nav-tabs li a,
	section.projects .project-navs .nav-tabs li a{
		font-size: 12px;
		padding: 10px 10px;
	}
	.contact-form .form-inn{
		padding: 50px 20px;
	}
	.contact-form .content ul li{
		    align-items: center;
    justify-content: center;
	}
	.contact-form .content ul li .media-body {
	    display: unset;
	    text-align: center !important;
	}
	.contact-form .content ul li .media-body p{
		margin: 20px 0 0 !important;
	}
	footer .footer-social{
        padding: 30px 0px;
        margin: 0 auto 20px;
	}
	footer .footer-social li{
	    margin:0 0;
	}
	section.footer-form .blackbox{
	    left:0;
	}
	section.footer-form:before{
	    display:none;
	}
	section.faqs .accordion .card .card-header h2 button{
	    font-size:16px;
	}
	section.faqs .accordion .card-body{
	    font-size: 14px;
        line-height: 26px;
	}
}
@media(max-width: 567px){
	section.banner .content h1, section.choose-us .choose-box .num h3 {
	    font-size: 40px;
	    line-height: 45px;
	}
	section.services .content ul.service-in li {
	    width: 100%;
	    height: 300px;
	    margin: 0px auto 30px;
	}
	section.services .content ul.service-in li h6{
		margin: 20px auto 0;
		font-size: 20px;
		text-align: center;
	}
	section.services .content ul.service-in li img {
	    text-align: center;
	    margin: 0 auto;
	}
	h3 {
	    font-size: 26px;
	    line-height: 35px;
	}
	footer .footer-social li a{
		font-size: 14px;
	}
	footer .footer-logo {
	    width: 180px;
	    height: 120px;
	}
	footer,
	footer h4,
	footer ul li{
		text-align: center;
	}
	section.contact:after{
	    width: 80px;
    	height: 80px;
        background-size: 100%;
	}
	section.contact .content h3 {
	    margin: 20px 0 50px;
	}
	section.banner .content h6{
	    font-size: 15px;
        line-height: 20px;
	}
	footer {
		    padding: 60px 0 0;
	}
	section.contact,
	section.testimonials,
	.our-pricing,
	section.choose-us,
	section.about,
	section.services{
		    padding: 60px 0;
	}
}

@media(max-width: 414px){
	section.services ul li,
	section.about ul li {
	    margin: 10px 15px;
	}
	header .float-right li a.phone,
	header .float-right li a.btn{
		    font-size: 12px;
	}
	footer .content:after {
		    background-size: 60%;
		        width: 60px;
    height: 60px;

	}
	footer:before{
		display: none;
	}
	footer .footer-social li{
	width: 100%;
        display: block;
    justify-content: center;
    align-items: center;
}

}
@media(max-width: 380px){}