@media only screen and (max-width: 1400px) {

.order-popup .modal-body h1{
	font-size: 30px;
	margin-bottom: 10px;
}

.order-popup .modal-body .model-head-content {
    margin-bottom: 20px;
}

.order-popup .modal-body textarea{
	    min-height: 130px;
}

.order-popup .modal-body .order-btn{
	    margin-top: 10px;
}


}

@media only screen and (max-width: 1200px) {

.banner-boxes-content-main.banner-boxes-shape:after{
	display: none;
}

.order-popup .modal-body label{
	font-size: 13px;
}

}


@media only screen and (max-width: 1050px) {

.branding-page-content-head h2{
	font-size: 25px;
}

.package-btn{
	padding: 15px 40px 15px 40px;
}

.inner-page-portfolio-head h2{
	font-size: 30px;
}

.inner-banner-sec-head h1{
	font-size: 30px;
}

.video-page-content-head h2{
	    font-size: 25px;
}

.packages-head h2{
	font-size: 30px;
}

.packages-title-head h3{
	font-size: 25px;
}

.packages-title-head h2{
	font-size: 40px;
}

.banner-content h1{
	font-size: 30px;
}

.banner-content h2{
	font-size: 40px;
}

.banner-content h3{
	font-size: 20px;
}


.nav-overlay.active .site-branding{
	display: none;
}

.header-navigation.breakpoint-on .nav-menu{
	padding-top: 50px;
}

.banner-boxes-content h3{
	font-size: 20px;
}

.services-sec-head h2{
	font-size: 40px;
}

.works-sec-head h2{
	font-size: 40px;
}

.about-sec-head h2{
	font-size: 40px;
}

.clients-head h2{
	font-size: 40px;
}

.footer-second-widget h2{
	font-size: 40px;
}

}


@media only screen and (max-width: 992px) {


}


@media only screen and (max-width: 991px) {


.packages-sec .row.justify-content-center .col-lg-4.col-md-6.col-12 {
    margin-bottom: 30px;
}

section.banner-boxes-sec .col-lg-4.col-md-6.col-12 {
    margin-bottom: 50px;
}

.services-sec{
	    margin-top: 100px;
}

.about-sec-head {
    margin-bottom: 20px;
}

.about-us-head-content {
    text-align: left;
    margin-bottom: 40px;
}

.about-boxes-main {
    margin-bottom: 60px;
}

.clients-gallery ul{
	    gap: 30px;
}

.footer-first-widget {
    margin-bottom: 50px;
}

.footer-copy-text p{
	font-size: 13px;
}

.footer-copy-privacy-list ul li a{
	font-size: 13px;
}

}



@media only screen and (max-width: 768px) {



}


@media only screen and (max-width: 767px) {

.order-popup .modal-body .btn-close{
	    right: 40px;
	        top: 13px;
}

.order-popup .modal-body{
width: 100%;
}

.order-popup .modal-body .form-group.col-md-12{
padding:0px;
}

.order-popup .modal-body .col-lg-12.col-md-12.col-12{
	padding:0px;
}


.branding-page-content-extra-right-content {
    margin-top: 50px;
}

.branding-page-content-head {
    text-align: center;
}

.inner-banner-sec-page-listing ul{
	justify-content: center;
}

.video-page-content-head {
    text-align: center;
}

.inner-banner-sec-head h1:before{
left: 50%;
transform: translateX(-50%);
}

.inner-banner-sec-head {
    text-align: center;
}

.banner-content {
    text-align: center;
}

.banner-content h2{
	font-size: 30px;
}

.banner-small-image {
    text-align: center;
}

.banner-boxes-icon{
	text-align: center;
}

.banner-boxes-content h3{
	text-align: center;
}

.banner-boxes-content p{
	text-align: center;
}

.services-sec-head{
	text-align: center;
}

.services-sec{
	text-align: center;
}

.services-sec-head h2:before{
	left: 50%;
	transform: translateX(-50%);
}

.works-sec-head{
	text-align: center;
}

.works-sec-head h2:before{
	    left: 50%;
    transform: translateX(-50%);
}

.about-sec-head {
    text-align: center;
}

.about-us-head-content p{
	text-align: center;
}

.about-box-content{
	text-align: center;
}

.about-box-content h2:before{
	    left: 50%;
    transform: translateX(-50%);
}

.clients-head{
	text-align: center;
}

.footer-logo{
	text-align: center;
}

.footer-first-widget-content p{
	text-align: center;
}

.footer-social {
    margin: 0 auto;
    display: table;
}


.footer-third-widget{
	margin-top: 50px;
}

.footer-copy-text {
    text-align: center;
}

.footer-copy-privacy-list{
	float: none;
}

.footer-copy-privacy-list ul{
	justify-content: center;
}

}


@media (min-width:320px) and (max-width:480px) {

.banner-content h1{
	font-size: 20px;
}

.banner-content h2{
	font-size: 25px;
}

.banner-content h3{
	font-size: 17px;
}

.site-branding img {
    width: 100px;
}

.transparent-header{
	top: 0;
}

.banner-small-image img{
	width: 100px;
}

.banner-boxes-content h3{
	font-size: 18px;
}

.banner-boxes-content p{
	font-size: 13px;
}

.services-sec-head h2{
	font-size: 25px;
}

.services-sec-head h4{
	font-size: 16px;
}

.services-sec {
    margin-top: 50px;
}

.services-boxes-content h3{
	font-size: 18px;
}

.services-boxes-content p{
	font-size: 13px;
}

.works-sec{
margin-top: 200px;
}

.works-sec-head h2{
	font-size: 25px;
}

.works-sec-head h4{
	font-size: 16px;
}

.about-sec{
	margin-top: 200px;
}

.about-sec-head h2{
	font-size: 25px;
}

.about-sec-head h4{
	font-size: 16px;
}

.about-us-head-content p{
	font-size: 13px;
}

.about-box-content h2{
	font-size: 18px;
}

.about-box-content p{
	font-size: 13px;
}


.clients-sec{
	margin-top: 200px;
}

.clients-head h2{
	font-size: 25px;
}

.clients-head h4{
	font-size: 16px;
}

footer{
    padding: 100px 0px 0px 0px;
}

.footer-logo img {
    width: 100px;
}

.footer-first-widget-content p{
	font-size: 13px;
}

.footer-second-widget h2 {
    font-size: 25px;
}

.footer-second-widget ul li{
	font-size: 14px;
}

.footer-second-widget ul li a{
	font-size: 14px;
}

.footer-second-widget .pop-btn{
	font-size: 14px;
}

.footer-third-widget h3{
	font-size: 25px;
}

.footer-third-widget ul li a{
	font-size: 14px;
}

.footer-copy{
	margin-top: 100px;
}

.footer-copy-text p {
    font-size: 11px;
}

.footer-copy-privacy-list ul li a{
	font-size: 11px;
}

.inner-banner-sec{
	padding: 140px 0px 50px 0px;
}

.inner-banner-sec-head h1 {
    font-size: 20px;
}

.inner-banner-sec-page-listing ul li a{
	font-size: 13px;
}

.inner-banner-sec-page-listing ul li{
	font-size: 13px;
}

.video-page-content-head h2 {
    font-size: 18px;
}

.video-page-content-head p{
	font-size: 13px;
}

.packages-head h2 {
    font-size: 20px;
}

.packages-sec {
    margin-top: 20px;
}

.packages-head{
	margin-bottom: 20px;
}

.packages-title-head h3{
	font-size: 20px;
}

.packages-title-head h2 {
    font-size: 30px;
}

.packages-content ul li{
	font-size: 13px;
}

.package-btn{
	font-size: 13px;
}

.inner-page-portfolio-sec {
    margin-top: 30px;
}

.inner-page-portfolio-head{
	margin-bottom: 30px;
}

.branding-page-content-head h2 {
    font-size: 18px;
}

.branding-page-content-head p{
	font-size: 13px;
}

.branding-page-content-extra-left-content ul li{
	font-size: 13px;
}


.inner-page-portfolio-head h2 {
    font-size: 20px;
}

.order-popup .modal-body{
width: 100%;
}

.order-popup .modal-body .btn-close{
top: 10px;
right: 30px;
}

.order-popup .modal-body h1{
	font-size: 20px;
}

.order-popup .modal-body p{
	font-size: 13px;
}

.order-popup .modal-body .form-group.col-md-12{
padding:0px;
}

.order-popup .modal-body .col-lg-12.col-md-12.col-12{
	padding:0px;
}

.order-popup .modal-body input{
	padding: 15px 10px 15px 10px;
	font-size: 13px;
}

.order-popup .modal-body .form-group{
	    margin-bottom: 10px;
}

.order-popup .modal-body select{
	font-size: 13px;
	height: 40px;
}

.order-popup .modal-body textarea{
	font-size: 13px;
}

.order-popup .modal-body textarea {
    min-height: 100px;
}

.order-popup .modal-body .order-btn{
	    margin: 20px auto 0 auto;
    display: table;
}

.order-popup .modal-body .order-btn{
	font-size: 15px;
}

}