@media screen and (min-width:1501px) and (max-width:1800px)
{
	.blue-header .main-box{width: 34%;}
	.blue-header .center-box h5{font-size: 20px;}
	.blue-header .center-box h2{font-size: 36px;margin: 15px 0 20px;}
}

@media screen and (min-width:1241px) and (max-width:1500px)
{
	.blue-header .main-box{width: 34%}
	.blue-header .center-box h5,
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{font-size: 18px;}
	.portfolio-cls .app-heading{font-size: 22px}
	.modal .modal-body h2{font-size: 51px}
	.modal .modal-body .popup-container{max-width: 96%}
	.modal .modal-body .modal-like span.like-text{margin-left: 30px;}
	.blue-header .center-box h2{font-size: 30px;margin: 15px 0 20px}
	.blue-header .center-box h5:last-child{width: 90%;margin: auto;}
}

@media screen and (min-width:1025px) and (max-width:1240px)
{
	.blue-header .left-box .box-flex{padding-left: 10px;gap:10px;}
	.blue-header .right-box .box-flex{padding-right: 10px;gap:10px;}
	.blue-header .main-box{width: 33%}
	.blue-header .center-box h5,
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{font-size: 16px;}
	.blue-header .center-box{top:20px;}
	.portfolio-cls .app-heading{font-size: 18px}
	.portfolio-cls .tags span{padding: 4px 10px;font-size: 13px}
	.modal .modal-body h2{font-size: 49px}
	.modal .modal-body .popup-container{max-width: 960px}
	.modal .modal-body .modal-tags{flex-wrap: wrap;}
	.modal .modal-body .quote-main{width: 100%}
	.modal .modal-body .modal-like span.like-text{margin-left: 30px;}
	.blue-header .center-box h2{font-size: 30px;margin: 10px 0 15px}
	.blue-header .center-box h5:last-child{width: 80%;margin: auto;}
}

@media screen and (min-width:992px) and (max-width:1024px)
{
	.blue-header .left-box .box-flex{padding-left: 10px;gap:10px;}
	.blue-header .right-box .box-flex{padding-right: 10px;gap:10px;}
	.blue-header .main-box{width: 34%}
	.blue-header .center-box h5,
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{font-size: 16px;}
	.blue-header .center-box{top:20px;}
	.portfolio-cls .app-heading{font-size: 18px}
	.portfolio-cls .tags span{padding: 4px 10px;font-size: 13px}
	.modal .modal-body h2{font-size: 49px}
	.modal .modal-body .popup-container{max-width: 960px}
	.modal .modal-body .modal-tags{flex-wrap: wrap;}
	.modal .modal-body .quote-main{width: 100%}
	.modal .modal-body .modal-like span.like-text{margin-left: 30px;}
	.blue-header .center-box h2{font-size: 28px;margin: 10px 0 15px}
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{margin: 30px 0 0;}
	.blue-header{padding: 0 0 30px;}
	.portfolio-cls .applogo{width: 60px;height: 60px;}
	.blue-header .center-box h5:last-child{width: 80%;margin: auto;}
	.portfolio-grid{padding: 30px 15px}
	.portfolio-cls .description{font-size: 18px;line-height: 26px;}
	.team-test-desc p{width: 90%}
}

@media screen and (min-width:768px) and (max-width:991px)
{
	.blue-header .left-box .box-flex{padding-left: 10px;gap:10px;}
	.blue-header .right-box .box-flex{padding-right: 10px;gap:10px;}
	.blue-header .main-box{width: 33.333333333%}
	.blue-header .center-box h5,
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{font-size: 14px;}
	.blue-header .center-box{position: unset;width: 33.33333%;padding: 15px 5px 0}
	.portfolio-cls .app-heading{font-size: 18px}
	.portfolio-cls .tags span{padding: 4px 10px;font-size: 13px}
	.modal .modal-body h2{font-size: 49px}
	.modal .modal-body .popup-container{max-width: 720px}
	.modal .modal-body .modal-tags{flex-wrap: wrap;margin-top: 30px;}
	.modal .modal-body .modal-desc2{max-width: 90%}
	.modal .modal-body .modal-icons .sub-box{padding: 0 60px}
	.modal .modal-body .modal-like{margin: 80px auto}
	.modal .modal-body .quote-main blockquote.modal-quote:before{font-size: 50px;top:-10px;}
	.modal .modal-body .quote-main blockquote.modal-quote{font-size: 18px}
	.modal .modal-body .quote-main blockquote.modal-quote:after{top:50px;font-size: 50px;}
	.modal .modal-body .quote-main{width: 100%;padding: 35px 60px}
	.modal .modal-body .modal-like span.like-text{margin-left: 30px;}
	.blue-header .center-box h2{font-size: 24px;margin: 10px 0 15px}
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{margin: 30px 10px 0;}
	.blue-header{padding: 0 0 30px;}
	.portfolio-cls .applogo{width: 60px;height: 60px;}
	.blue-header .center-box h5:last-child{width: 80%;margin: auto;}
	.portfolio-cls .description{font-size: 18px;line-height: 26px;}
	.team-test-desc p{width: 90%}
	.portfolio-cls .grid-box{column-count:3;}
	.modal .modal-body .modal-desc{max-width: 100%;margin-top: 15px;font-size: 32px;}
	.modal .modal-body .modal-subheading{margin-bottom: 20px;}
	.modal .modal-body h2{font-size: 42px;}
	.modal .modal-body .quote-main .modal-rating .rating-value{font-size: 32px;}
	.modal .modal-body .quote-main .modal-rating .rating-stars img{width: 40px;object-fit: contain;}
	.modal .modal-body .quote-main .modal-rating{margin-top: 30px;}
}

@media (max-width: 767px)
{	
  	.blue-header .left-box .box-flex{padding-left: 10px;gap:10px;}
	.blue-header .right-box .box-flex{padding-right: 10px;gap:10px;}
	.blue-header .main-box{display: none;}
	.blue-header .center-box h5,
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{font-size: 14px;}
	.blue-header .center-box{position: unset;width: 100%;padding: 15px 15px 0}
	.portfolio-cls .app-heading{font-size: 18px}
	.portfolio-cls .tags span{padding: 4px 10px;font-size: 13px}
	.modal .modal-body h2{font-size: 49px}
	.modal .modal-body .popup-container{max-width: 540px}
	.modal .modal-body .modal-applogo{width: 80px;height: 80px;}
	.modal .modal-body .modal-appname{max-width: 100%;font-size: 24px;line-height:30px;margin-top: 20px;}
	.modal .modal-body .modal-tags{flex-wrap: wrap;margin-top: 30px;}
	.modal .modal-body .modal-desc2{max-width: 100%;margin:20px auto 0;line-height: 26px;}
	.modal .modal-body .modal-like img{width: 100px;}
	.modal .modal-body .modal-icons .sub-box{padding: 15px;width: 33.3333%}
	.modal .modal-body .modal-icons .sub-box img{width: 60px;height: 60px}
	.modal .modal-body .modal-like{margin: 80px auto}
	.modal .modal-body .quote-main blockquote.modal-quote:before{font-size: 45px;top:-10px;left: -50px}
	.modal .modal-body .quote-main blockquote.modal-quote{font-size: 16px;line-height: 26px;width: 98%}
	.modal .modal-body .quote-main blockquote.modal-quote:after{top:50px;font-size: 45px;right: -50px}
	.modal .modal-body .quote-main{width: 100%;padding: 35px 60px}
	.modal .modal-body .modal-like span.like-text{margin-left: 10px;font-size: 130px;line-height: 95px;}
	.blue-header .center-box h2{font-size: 24px;margin: 10px 0 15px}
	.blue-header .main-box .box-text a,
	.blue-header .main-box .box-text h4{margin: 30px 10px 0;}
	.blue-header{padding: 0;background-size: 100%;background-position: top center;background-repeat: no-repeat;}
	.portfolio-cls .applogo{width: 60px;height: 60px;}
	.blue-header .center-box h5:last-child{width: 80%;margin: auto;}
	.portfolio-cls .description{font-size: 18px;line-height: 26px;}
	.team-test-desc p{width: 90%}
	.portfolio-cls .grid-box{column-count:2;}
	.modal .modal-body .modal-desc{max-width: 100%;margin-top: 15px;font-size: 24px;line-height: 30px;}
	.modal .modal-body .modal-subheading{margin-bottom: 20px;font-size: 14px;}
	.modal .modal-body h2{font-size: 32px;}
	.modal .modal-body{padding: 30px 0 0;}
	.modal .modal-body .quote-main .modal-rating .rating-value{font-size: 22px;}
	.modal .bottom-p{margin-top: 60px;padding: 10px 0}
	.modal .bottom-p p{font-size: 16px}
	.modal .modal-body .quote-main .modal-rating .rating-stars img{width: 24px;object-fit: contain;}
	.modal .modal-body .quote-main .modal-rating{margin-top: 30px;}
	.blue-header .mobile-head{display: block;background-color: #101e83;width: 100%;padding: 8px 0;margin-top: 15px;text-align: center;}
	.blue-header .mobile-head a{font-family: 'Montserrat-SemiBold';text-decoration: underline;display: block;font-size: 14px;width: 100%;color: #f5a020;}
	.blue-header .mobile-head h4{font-family: 'Montserrat-SemiBold';color: #fff;font-size: 14px;width: 100%;margin-top: 5px;}
	.modal .bottom-p p{line-height: normal;padding: 0 10px}
}

@media screen and (max-width:575px)
{
	.portfolio-cls .grid-box{column-count: 1}
	.portfolio-cls .applogo{width: 40px;height: 40px;}
	.portfolio-grid{padding: 15px;}
	.portfolio-cls .description{text-align: center;font-size: 14px;line-height: 23px;}
	.portfolio-cls .tags{justify-content: center;}
	.portfolio-cls .tags span{font-size: 12px;}
	.modal .modal-body h2{font-size: 27px;}
	.modal .modal-body .modal-desc{font-size: 16px;line-height: 24px;}
	.modal .modal-body .modal-tags span{font-size: 12px;padding: 7px 20px 7px 10px;margin: 4px;}
	.modal .modal-body .modal-tags span:before{right: 9px;}
	.modal .modal-body .modal-appimg{padding-bottom:40px;}
	.modal .modal-body .modal-applogo{width: 60px;height: 60px;}
	.modal .modal-body .modal-appname{font-size: 16px;line-height: 24px;}
	.modal .modal-body .modal-desc2{font-size: 12px;line-height: 22px;}
	.modal .modal-body .modal-icons .sub-box{padding: 10px}
	.modal .modal-body .modal-icons .sub-box h4{font-size: 13px;}
	.modal .modal-body .modal-like span.like-text{font-size: 100px;line-height: 75px;}
	.modal .modal-body .modal-like img{width: 80px;}
	.modal .modal-body .quote-main blockquote.modal-quote:before,
	.modal .modal-body .quote-main blockquote.modal-quote:after{font-size: 35px}
	.modal .modal-body .modal-like{margin: 50px auto}
	.modal .modal-body .quote-main blockquote.modal-quote:after{top: 30px}
	.modal .modal-body .quote-main{padding: 30px 60px}
	.modal .modal-body .popup-container{max-width: 96%}
	.popup-open{padding-right: 0}
}

@media screen and (max-width:480px)
{
	.modal .modal-body h2{font-size: 24px}	
	.modal .modal-body .modal-desc{font-size: 20px;line-height: 26px;}
	.blue-header .center-box h5:last-child{width: 100%}
	.portfolio-cls .applogo{width: 60px;height: 60px;}
	.portfolio-cls .description{font-size: 16px;line-height: 24px;}
	.modal .modal-body{padding: 25px 0 0;}
	.modal .modal-body .modal-applogo{width: 80px;height: 80px;}
	.modal .modal-body .modal-appimg{padding-bottom: 50px;}
	.modal .modal-body .modal-appname{font-size: 20px;line-height: 26px;}
	.modal .modal-body .modal-desc2{font-size: 14px;line-height: 26px;}
	.modal .modal-body .modal-like img{width: 100px;}
	.modal .modal-body .modal-like span.like-text{font-size: 120px;line-height: 105px;}
	.modal .modal-body .quote-main{padding: 30px}
	.modal .modal-body .quote-main blockquote.modal-quote{width: 95%}
	.modal .modal-body .quote-main blockquote.modal-quote:before{font-size: 30px;left: -27px}
	.modal .modal-body .quote-main blockquote.modal-quote:after{font-size: 30px;right: -27px;bottom: -10px}
}