/*Desktop Screens*/

@media(max-width: 1500px){
	.banner_form{
		width: 100%;
	}
	section.services_tab ul li a{
		    font-size: 18px;
	}
	section.endtoend .box h3{
		font-size: 20px;
	}
	section.banner .content p, 
	section.navigate .content p {
	    padding: 0px 10% 0 0;
	}
	section.packages .p_box{
	    padding: 10% 5%;
	}
	section.packages .p_box h3:before{
	    width: 85%;
	}
	section.howitworks nav a{
       padding: 70px 10px;
	}
	section.howitworks nav a,
	section.howitworks .tab-content .content h4{
        font-size: 17px;
 }
	section.howitworks nav a.active{
	    padding: 45px 10px;
	}
	section.howitworks .tab-content .content h4{
	    font-size: 22px;
	}
	section.howitworks .tab-content{
		padding: 20px 20px 20px 30px;
	}
	section.include_sec .boxin{
        border-radius: 10px;
        padding: 50px 30px;
 }
	section.include_sec ul.include li{
		    font-size: 18px;
	}
	h2, .sec-heading{
	    font-size: 35px;
	}
	section.testimonial .client_box{
		padding: 115px 40px 55px 40px;
	}
	section.ssl .ssl_box .media .media-body h6{
		font-size: 20px;
	}
	section.ssl .ssl_box .media .media-body p{
		font-size: 16px;
	}
	footer .foot_main ul.menu li a{
		line-height: 30px;
	}
	footer .copyright{
	    padding: 40px 0 60px;
	}
	section.testimonial .client_box:after{
		left: 45px;
		top: 50px;
	}
}

@media(max-width: 1366px){
	section.banner .content {
	    padding: 15% 25% 0 0;
	}
	.inner_services .content{

	}
	header nav .navbar-nav li a{
	    margin: 0 5px;
	    font-size: 16px;
	}
	section.inner_banner{
	height: 50vh !important;
	}
	section.banner .content,
	section.banner .content p {
	    padding: 0 10% 0 0;
	}
	section.banner .content p{
	    padding: 0 0;
	}
	section.banner .content p strong{
	    font-size: 20px;
	}
	section.banner .content h2{
	    font-size: 45px;
	    line-height: 55px;
	}
	h2, .sec-heading{
		font-size: 30px;
		line-height: 40px;
	}
	h3{
	    font-size: 26px;
	    line-height: 40px;
	}
	h4{
	    font-size: 20px;
	}
	p, .sec-para{
	    font-size: 14px;
	    line-height: 28px;
	}
	section.top-rated .content a.btn-business {
	    margin: 0px 0 0;
	}
	section.packages .p_box{
	}
	section.packages .p_box ul.bullets li{
		font-size: 13px;
		padding: 0 0 0 20px;
		margin: 0 0 22px;
	}
	section.logo .logo_in{
	    padding: 40px 20px;
	}
	footer .foot_main ul.menu li a{
	    font-size: 14px;
	}
	.main_books{
		width: 45%;
	}
	.banner_form {
	    padding: 20px 20px;
	}
	section.packages .p_box h3 span{
	    font-size: 22px;
	}
	section.endtoend .box .img-box {
	    width: 70px;
	    height: 70px;
	}
	section.endtoend .box h3 {
	    font-size: 18px;
	}
	.btn-business{
		    font-size: 16px;
		    padding: 12px 35px;
	}
	section.findus .box h3 {
	    margin: 20px 0 10px;
	}
}
@media(max-width: 1199px){
	header nav .navbar-nav li a{
		font-size: 16px;
	}
	section.banner .content h3{
	margin: 50px 0 0;
	}
	section.banner .content h2 {
	    font-size: 40px;
	    line-height: 45px;
	}
	section.banner .content {
	padding: 0 0 !important;
	}
	section.top-rated {
	    padding: 0 0;
	}
	section.findus .box h3{
		font-size: 40px;
	}
	section.findus .box ul li{
	    font-size: 18px;
        line-height: 30px;
	}
	.scroll-down{
		left: 5px;
	}
	section.packages .p_box ul.bullets li {
	    line-height: 20px;
	    margin: 0 0 15px;
	}
	h3 {
	    font-size: 24px;
	    line-height: 35px;
	}
	section.testimonial .client_box{
	    box-shadow: 0px 0px 20px 0px #e5e5e591;
	    padding: 40px;
	}
	section.testimonial .item {
	    margin: 15px;
	}
	section.testimonial .slick-prev, section.testimonial .slick-next{
		bottom: 15px;
	}
	section.packages .p_box ul.bullets {
	    min-height: 300px;
	}
	section.top-rated .content {
	    padding: 0 0% 10% 0;
	}
	h2, .sec-heading {
	    font-size: 26px;
	    line-height: 32px;
	}
	section.logo{
	    top: 0;
	}
	section.logo .logo_in {
	    box-shadow: 0px 0px 20px 10px #dddddd52;
	}
	section {
	    padding: 40px 0 !important;
	}
	nav#navbar-services ul li {
	    margin: 0 2%;
	}
	header nav .navbar-brand img {
	}
	section.endtoend .box p {
        margin: 0 0 15px;
    }
    section.endtoend .box{
        min-height: 380px;
        margin: 0 0 30px;
    }
    section.banner .content p, section.navigate .content p {
        padding: 0px 0% 0 0;
        margin: 0 0 15px;
    }
    section.packages .p_box a.btn {
        left: unset;
    }
    footer:before{
        width: 200px;
        height: 280px;
        background-size: 75%;
    }
    section.include_sec {
        margin: 0 0 40px;
    }
    section.about_strategy .counter li span {
        font-size: 20px;
    }
    section.about_strategy .counter{
        padding: 20px 0px;
    }
    .banner_form form .form-control{
        padding: 20px 0px 20px 38px;
    }
    .banner_form form .icon:before{
        left: 12px;
    }
    nav#navbar-services ul li {
        margin: 0 1%;
    }
    nav#navbar-services ul li a{
        font-size: 14px;
    }
    section.findus .box {
        padding: 10px 2%;
    }
}
/*Desktop Screens*/
/*Tablet Screen*/
@media(max-width: 991px){
	header{
		position: fixed;
		transition: all .5s ease;
		background-color: #fff;
		z-index: 999;
	}
	header.shrink{
        background-color: #fdfdfd;
        padding: 5px 0;
        z-index: 999999;
        width: 100%;
        box-shadow: 10px -10px 10px 10px var(--secondary);
    }
	.navbar-toggler{
	    border: 2px solid var(--primary) !important;
	    box-shadow: none !important;
	    outline: none !important;
	    background-color: var(
	    --primary);
	}
	.navbar-toggler .navbar-toggler-icon{
	    filter: invert(1);
	    opacity: 1;
	    font-size: 0;
	    width: 30px;
	    height: 30px;
	}
	header nav .navbar-nav {
	    background-color: #fff;
	    width: 100%;
	    text-align: center;
	    padding: 20px 10px;
	    border-radius: 8px;
	}
	header nav .navbar-nav li a{
		color: #000;
		margin: 0 0 1px;
	}
	header nav .navbar-nav li a:hover, header nav .navbar-nav li a.active{
	    background-color: #000;
	}
	section.banner .content h2 {
	    font-size: 40px;
	    line-height: 50px;
	}
	h2, .sec-heading {
    	font-size: 32px;
    	line-height: 40px;
    }
	section.contact .t_box h3{
		font-size: 60px;
	    line-height: 80px;
	}
	section.contact .contact_box form .form-control{
	    min-height: 50px;
	}
	section.findus .box {
	    padding: 10px 10px;
	}
	.btn-business,
	.btn-business{
		font-size: 16px;
	}
	section.findus .box .img-box{
	    min-height: 160px;
	}
	section.packages p{
		width: 75%;
	}
	section.packages .p_box{
		margin: 0 0 30px;
	}
	section.support .box{
	    padding: 30px 10px;
	}
	section.banner {
        height: 800px;
        padding: 10% 0 0 !important;
    }   
    section.locations.qoute form{
        margin: 30px 0 0;
    }
    section.logo .logo_in img{
    }
    p, .sec-para {
	    font-size: 16px;
	    line-height: 26px;
	}
	nav#navbar-services{
	    top: 90px;
	}
	section.banner .content h2 {
        font-size: 28px;
        line-height: 35px;
    }
    h2, .sec-heading {
        font-size: 28px;
        line-height: 35px;
    }
    .btn-business{
        padding: 12px 25px;
    }
    section.include_sec ul.include li {
        font-size: 14px;
    }
    section.book_idea p{
        width: 100%;
    }
    section.book_idea .sec-heading{
        margin: 0 0 20px;
    }
    section.banner .content h2, #page-header-bg span{
        font-size: 24px !important;
        line-height: 30px !important;
    }
}
@media(max-width: 767px){
	body{
		text-align: center !important;
	}
	section.banner .content h2{
		font-size: 35px;
    	line-height: 45px;
	}
	section.banner .content p{
		font-size: 18px;
	    line-height: 28px;
	}
	section.banner .content p strong{}
	section.banner .content, section.banner .content p,
	section.banner .content h3{
		padding: 0 0 !important;
	}
	section.banner .content h3:before{
		content: none;
	}
	section.logo .logo_in img{
		height: 120px;
	}
	h2, .sec-heading{
		font-size: 24px;
		line-height: 28px;
	}
	section.top-rated .img-box{
		margin: 30px 0 0;
	}
	section.values .img-box {
	    margin: 0 0 30px;
	}
	.dis-flex-end{
	    justify-content: center;
	}
	section.testimonial .item {
	    margin: 20px;
	}	
	section.testimonial .client_box{
		padding: 20px;
	    box-shadow: 0px 0px 20px 0px #e5e5e591;
	}
	section.testimonial .client_box:after{
		background-size: 75%;
	}
	section.testimonial .slick-prev, section.testimonial .slick-next{
		bottom: 0 !important;
	}
	section.testimonial .slick-prev {
	    right: 15% !important;
	}
	section.testimonial .client_box .media .media-body h4{
		text-align: left;
	}
	section.testimonial .client_box .media .media-body h4{
		font-size: 18px;
	}
	section.testimonial .client_box .media .media-body h4 span{
		font-size: 15px;
	}
	section.contact .contact_box {
	    margin: 30px 0 0;
	}
    section.support .box{
    	margin: 30px 0 0;
    }
    footer{
    	padding: 60px 0 0;
    }
    footer .foot_main ul.social {
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}
	footer .copyright{
	    margin: 30px 0 0;
	}
	section.about_strategy .counter{
	    display: unset;
	}
	section.about_strategy .counter li,
	section.about_strategy .box {
	    margin: 0 0 30px;
	}
	section.about_strategy .counter li h3{
		font-size: 30px;
	}
	section.about_strategy .counter li span{
		font-size: 16px;
	}
	section.contact .contact_box{
	    padding: 30px 40px;
	    background-color: #FCFCFC;
	    border-radius: 8px;
	}
	section.contact .contact_box form .form-control{
	    background-color: transparent;
	}
	section.findus .box h3 {
	    font-size: 30px;
	}
	section.findus .box {
	    background-color: #FCFCFC;
	    border-radius: 8px;
	    padding: 10px 40px 30px;
	    margin: 0 0 30px;
	}
	section.findus .box .img-box {
	    min-height: 100px;
	}
	section.contact .t_box p{
		font-size: 20px;
	}
	.scroll-down{
		left: 0;
		right: 0;
		margin: auto;
		bottom: 0;
	}
	section.locations.qoute form{
	    margin: 40px 0 0;
	    text-align: left;
	}
	section.services_content .content ul.logos{
	    display: flex;
    	justify-content: center;
	}
	section.services_content .img-box{
		margin: 20px 0;
	}
	nav#navbar-services ul li a{
		padding: 15px 0 !important;
	}
	header.shrink{
		z-index: 999;
		height: 90px;
	}
	section.values .content {
	    padding: 0 5%;
	}
	section.packages .p_box ul.bullets li{
        display: -webkit-box;
        margin-left: 0%;
        font-size: 16px;
        text-align: left;
    }
    section.services_content .content ul.features li{
        display: -webkit-box;
        margin-left: 30%;
        font-size: 16px;
        text-align: left;
    }
    section.locations.qoute .content ul li{
        text-align: left;
    }
    section.locations.qoute .content ul li img{
            top: 0;
    }
    section.book_idea p{
        margin: 15px auto 0;
        font-size: 18px;
    }
    section.banner {
        height: unset;
        padding: 25% 0 10% !important;
    }
    .banner_form{
        margin: 30px 0 0;
    }
    section.banner .content .d-flex.d-inline.mt-5.btn_{
        justify-content: center;
    }
    section.endtoend .box {
        min-height: 300px;
        padding: 5% 10%;
    }
    section.endtoend .sec-heading,
    section.packages h2{
        margin: 0 0 30px;
    }
    section.navigate .content{
        margin: 0 0 30px;
    }
    section.navigate .content .d-flex {
        justify-content: center;
    }
    section.packages .p_box h3{
        text-align: left;
    }
    section.packages .p_box a.btn {
        left: unset;
        display: table-cell;
        align-items: flex-start;
        justify-content: flex-start;
    }
    section.howitworks nav a.active,
    section.howitworks .tab-content{
        border: 1px solid #707070 !important;
    }
    .dis-flex-start{
        justify-content: center;
    }
    .dis-flex-end {
        justify-content: center !important;
    }
    section.about_strategy .box_in p,
    section.findus .box ul li{
        text-align: center !important;
    }
    section.ssl .ssl_box .media .media-body h6,
    section.ssl .ssl_box .media .media-body p{
        text-align: left;
    }
    .w-75 {
        width: 100% !important;
    }
    section.recentwork .box .img-box img{
        object-fit: cover;
    }
    section.howitworks nav a {
        padding: 10px 10px !important;
    }
    section.howitworks nav a.active {
        background-color: var(--primary) !important;
        color: #fff !important;
        margin: 10px 0;
    }
    header nav .navbar-brand img {
        height: 45px;
    }
    .btn-business {
        padding: 12px 20px;
    }
    .btn-business i {
        padding: 0 0 0 10px;
        font-size: 13px;
    }
    section.howitworks .tab-content {
        padding: 5% 5%;
    }
    section.howitworks .sec-heading{
        margin: 0 0 30px;
    }
    section.include_sec ul.include {
        column-count: 2;
        justify-content: center;
    }
    section.testimonial .client_box .star img {
        margin: auto;
    }

}
/*Tablet Screen*/
/*Mobile Screen*/
@media(max-width: 567px){
     section.services_content .content ul.features li{
         margin-left: 15%;
     }
    section.packages .p_box ul.bullets li {
    }
	section.testimonial .slick-prev {
	    right: 18% !important;
	}
	section.banner .content h2 {
	    font-size: 24px;
	    line-height: 26px;
	}
	section.banner .content p {
	    font-size: 16px;
	    line-height: 24px;
	}
	nav#navbar-services ul li a {
    	padding: 10px 0 !important;
	    font-size: 13px;
	}
	.get_modal .modal-header h3{
	   font-size: 24px;
	   line-height: 30px;
	}
	section.services_content .content a.btn_arrow{
	    padding: 0px 5px 0 20px;
        font-size: 16px;
	}
	header.shrink{
	    height: 80px;
	}
	.portfolio_sec_main .tab_nav_sec ul li button{
	    font-size: 14px;
        padding: 8px 25px;
        margin: 0 5px;
	}
	.portfolio_sec_main .portfolio_boxes:hover a:after{
	    width: unset;
	    height: unset;
	    padding: 8px 15px;
	    font-size: 14px;
        left: 35%;

	}
	nav#navbar-services {
        top: 80px;
    }
    .inner_banner {
        height: 500px !important;
    }
    section.banner {
        padding: 35% 0 15% !important;
    }
    section.logo .logo_in img {
        height: 60px;
    }
}
@media(max-width: 414px){
	section.contact .contact_box,
	section.findus .box{
	    padding: 30px 20px;
	}
	header nav .navbar-brand {
	    width: 50%;
	}
	nav#navbar-services {
	    /* top: 0px; */
	    /* position: relative; */
	}
}
/*Mobile Screen*/