@media (min-width: 1200px) and (max-width: 1700px) {

}
@media (min-width: 1200px) and (max-width: 1360px) {
    .section-title .title {
        font-size: 40px;
    }
    .single-video.style-one .video-icon, .single-video.style-three .video-icon {
        left: 12%;
    }
    .about-shape:after {
        height: 90%;
    }



}

/* ------------------------------------------------- Laptop Screen ---------------------------------------------------*/
 @media (min-width: 1170px) and (max-width: 1365px) {

.dreamit-slick-slider .hero-text-wrap h1 {
    font-size: 49px;
}
.dreamit-slick-slider .hero-text-wrap p {
    font-size: 16px;
}
.single-slick.style-five .hero-text-wrap h1 {
    font-size: 63px;
}
.webx_menu {
    text-align: right;
}
.webx_menu > ul > li > a {
    margin: 35px 4px;
    font-size: 16px;
}
.donate-btn-header {
    margin-left: 20px;
}
a.dtbtn {
    padding: 8px 22px;
}
.case-study.style3.style5 .cases-study-content {
    padding: 14px 18px 19px;
}
.case-study.style3.style5 .cases-study-content .title a {
    font-size: 18px;
}
.blog_style_two .blog-page-title_adn h2 {
    font-size: 18px;
}
.service-box.style1 .icon i {
    font-size: 55px;
}


}

@media (min-width: 1170px) and (max-width: 1199px) {
    .section-title .title {
        font-size: 38px;
    }
    .about-us-img img {
        width: 100%;
    }
    .single-video.style-one .video-icon, .single-video.style-three .video-icon {
        left: 35%;
    }
    .about-shape:after {
        width: 28%;
        height: 100%;
    }
    .portfolio-filter .single-content:hover .picon {
        top: 33%;
    }
    .blog-post.style1 h3.title a {
        font-size: 19px;
    }






}
/* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1169px) {
    .team.style1 .image img {
        width: 45%;
    }
    .section-title.style2 .description {
        width: 72%;
    }
.dreamit-slick-slider .hero-text-wrap h1 {
    font-size: 49px;
}
.dreamit-slick-slider .hero-text-wrap p {
    font-size: 16px;
}
.single-slick.style-five .hero-text-wrap h1 {
    font-size: 63px;
}
.case-study.style2 .cases-study-content {
    padding: 20px 23px 0px;
}
.service_box.style1 {
    margin-bottom: 0;
}
.service-box.style3 {
    margin-bottom: 0;
}
.team.style2 {
    margin-bottom: 0;
}
.team.style2 .image img {
    width: 100%;
}
   .slick_shape3 {
    display:none;
}
.donate-btn-header {
    margin-left: 25px;
}
.webx_menu > ul > li > a {
    margin: 27px 7px;
    font-size: 15px;
}
a.dtbtn {
    font-size: 14px;
    padding: 9px 30px;
}
.case-study.style3.style5 .cases-study-content {
    padding: 14px 26px 19px;
}
.case-study.style3.style5 .cases-study-content .title a {
    font-size: 18px;
}
.blog_style_two .blog-page-title_adn h2 {
    font-size: 18px;
}
.blog_style_two .user_url a {
    padding-right: 18px;
}
.service_box.style11 .content .title {
    font-size: 21px;
}
.team.style5 .image img {
    width: 90%;
}
.portfolio-filter .single-content:hover .prot_content {
    bottom: 20px;
}
.icon-box.style3 .icon-box-content .title {
    font-size: 20px;
}
.icon-box.style3 .icon i {
    font-size: 45px;
}
p.mailchimp-form button {
    right: 50px;
}
.about-two-left::after {
    width: 300px;
    height: 95%;
    left: -40px;
}
.about-two-counter {
    bottom: -30px;
    right: 0;
}
.promade-blog-area.blog-2column.promade-blog-archive .blog-page-title h2, .blog-page-title h2 a {
    font-size: 18px;
}
.about-shape:after {
    width: 33%;
    height: 39%;
}
.about-us-img img {
    width: 100%;
}
.single-video.style-one .video-icon, .single-video.style-three .video-icon {
    left: 0;
}
.service-box.style1 h3.title {
    font-weight: 600;
    position: relative;
    z-index: 1;
    margin: 0 0 15px 0;
    transition: .5s;
    font-size: 22px;
}
.portfolio-filter .single-content:hover .picon {
    top: 33%;
}
.blog-post.style2 h3.title a {
    font-size: 19px;
}
.testimonial.style1 .testimonial-item .quote {
    width: 90%;
}




}


/* ---------------- Laptop Devige. -----------------*/

@media (min-width: 1025px) and (max-width: 1169px) {

    .single-video.style-one .video-icon, .single-video.style-three .video-icon {
        left: 40%;
    }
    .form-area.home-2 {
        margin: 0 0 0 85px;
    }
    .prgoress_indicator {
        right: 20px;
        bottom: 20px;
    }


}


/* ---------------- Laptop Devige. -----------------*/

@media (min-width: 992px) and (max-width: 1024px) {
    .single-video.style-one .video-icon, .single-video.style-three .video-icon {
        left: 48%;
    }
    .about-shape:after {
        width: 75%;
        height: 58%;
    }
    .about-us-img img {
        width: 90%;
    }
    .portfolio-filter ul li {
        margin: 0 0;
        padding: 9px 40px 11px;
    }
    .portfolio-filter .single-content:hover .picon {
        top: 8%;
    }
    .webx-blog-meta-left a, .webx-blog-meta-left time, .webx-blog-meta-left span {
        font-size: 15px;
        margin-right: 10px;
    }
    .pricing.style1 .pricing_img:after {
        top: -68px;
        right: -35px;
        left: -100px;
    }
    .about-shape-home-two:after {
        left: 0;
        top: -65px;
        height: 23%;
        width: 24%;
    }
    .form-area.home-2 {
        margin: 0 50px 0 50px;
    }
    .form-area.home-2 .form-group p {
        margin: 0px 0 15px 0;
    }
    .work_progress.style-two .work_progress_icon::after {
        display: none;
    }





}
/* ------------------------------------------------- Large Screen. ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1365px) {
   .slick_shape3 {
    display:none;
}
.webx_menu {
    text-align: right;
}
.webx-header-top {
    background: #141323;
    padding: 18px 0 18px;
    display: none;
}





}

/* ------------------------------------------------- Large Screen. ---------------------------------------------------*/
@media (min-width: 100px) and (max-width: 991px) {

 .webx-header-top {
     display: none;
 }
 .prgoress_indicator {
    right: 20px;
    bottom: 20px;
}
.form-area.home-2 .form-group p {
    margin: 0px 0 15px 0;
}



}
/* ------------------------------------------------- Tablet Screen : 768 ---------------------------------------------------*/
 @media (min-width: 840px) and (max-width: 850px) {



}
 @media (min-width: 768px) and (max-width: 991px) {
    .flip-box.style1 .flip-box-back .content {
        top: 33%;
    }
 .dreamit-slick-slider .hero-text-wrap h1 {
    font-size: 33px;
}
.dreamit-slick-slider .hero-text-wrap {
    width: 100%;
}
.dreamit-slick-slider .slider-single-image img {
    width: 62%;
}
.dreamit-slick-slider .slider-video-icon {
    left: 27%;
    top: 31%;
}
.service_box.style1 {
    margin-bottom: 0;
}
.service-box.style3 {
    margin-bottom: 0;
}
.team.style2 {
    margin-bottom: 0;
}
.team.style2 .image img {
    width: 100%;
}
   .slick_shape3 {
    display:none;
}
.mobile_menu_logo.text-center {
    text-align: center;
    display: flex;
    justify-content: center;
}
.single-slick {
	min-height: 600px !important;
}

.dreamit-custom-title h4::before {
	display:none;
}
.service .service-box.style3 {
    margin: 0;
}
.webx-header-top {
    display: none;
}
.portfolio_info {
	 padding-left: 0; 
	 padding-top: 0; 
}
.portfolio_info h2 {
	font-size: 20px;
	padding-bottom: 9px;
}
.portfolio_info ul li {
	padding: 5px 0;
	font-size: 14px;
}
.service_box.style7 .service_content .title {
    font-size: 16px;
}
.owl-nav {
    display:none;
}
.team.style5 .image img {
    width: 100%;
}
.service_right_box .service-box.style15 {
    left: 28px;
}
p.mailchimp-form button {
    right: 24px;
}
.service-box.style1 h3.title {
    font-size: 17px;
}
.service-box.style1 .icon i {
    font-size: 50px;
}
.about-two-left::after {
    width: 300px;
    height: 95%;
    left: -40px;
}
.service-box-carousel .service-box-title h3 {
    font-size: 20px;
}
.service-box-carousel {
    padding: 28px 15px 28px;
}
.about-two-counter {
    bottom: -30px;
    right: 0;
}
.form-area.home-1 input[type="email"] {
    width: 100%;
}
.webx-blog-meta-left a, .webx-blog-meta-left time, .webx-blog-meta-left span {
    margin-right: 10px;
}
.about-shape:after {
    top: 11px;
    width: 70%;
    height: 50%;
}
.portfolio-filter ul li {
    margin: 0 0;
    padding: 9px 20px 11px;
}
.portfolio-filter .single-content:hover .picon {
    top: 50%;
}
.form-area.home-1 .buttons {
    width: 26%;
    margin: auto;
}
.about-shape-home-two:after {
    top: -65px;
    height: 20%;
    width: 30%;
}
.form-area.home-2 {
    margin: 0 50px 0 50px;
}
.section-title.style2 .description {
    width: 95%;
}
.section-title.style3 .description {
    width: 71%;
}




}



/* ------------------------------------------------- Large Mobile :480px. ---------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767px) {
    .single-slick.style-five .hero-text-wrap h1 {
        font-size: 54px;
    }
    .team.style1 .image img {
        width: 45%;
    }
    .single-counter.style_three {
        padding: 0 0 50px 0;
    }
    .service-box.style2 {
        padding: 20px 20px 20px 20px;
    }
    .subscribe-one {
        width: calc(90%) !important;
    }
	.copy-right-text p {
		text-align: center;
		margin-bottom:20px; 
	}
    .form-area.home-1 .buttons {
        width: 30%;
        margin: auto;
    }
	.footer-menu .social-icon a {
		margin: 0 10px;
	}
	.footer-menu ul {
		text-align:center !important;
	}
	blockquote {
		padding: 20px;
	}
	.dreamit-slick-slider .slider-single-image {
		display: none;
	}
	.dreamit-slick-slider .hero-text-wrap {
		width: 100%;
	}
	.dreamit-slick-slider .hero-text-wrap h1 {
		font-size: 42px;
	}
	.single-slick.style-two .hero-text-wrap h1 {
		font-size: 49px;
	}
	.single-slick.style-two .hero-text-wrap p {
		width: 78%;
	}
	.service_box.style1 {
		margin-bottom: 0;
	}
	.service-box.style3 {
		margin-bottom: 0;
	}
	.team.style2 {
		margin-bottom: 0;
	}
	.team.style2 .image img {
		width: 100%;
	}
	.dreamit-button.style3 .dreamit-button a {
    	margin-left: 0;
	}
	.brpt h2 {
		font-size: 35px;
	}
    .slick_shape3 {
        display:none;
    }
    .dreamit-slick-slider .hero-text-wrap p {
         width: 84%;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        display: none;
    }
    .mobile_menu_logo.text-center {
        text-align: center;
         display: flex;
        justify-content: center;
    }
    .single-slick {
    	min-height: 680px !important;
    }
    .footer-bottom-content-copy {
    	text-align: left;
    }
    .testimonial.style1 .owl-dots {
        display:none;
    }
	.webx-header-top {
		display: none;
	}
	.case-study.style4 .single_case_study .case-study-thumb:after {
   display:none;
}
.owl-nav {
    display:none;
}
.team.style5 .image img {
    width: 100%;
}
.service-box.style15 .icon {
    transform: translate(19%, -50%);
}
.service_right_box.two .service-box.style15 {
    left: 0;
}
.service_right_box .service-box.style15 .icon {
    left: -29px;
}
.team.style5 .image img {
    width: 100%;
}
.service_box.style11 {
    display: block;
    padding: 22px 14px 11px 10px;
}
.service_box.style11 .content {
    padding-left: 0;
    padding-top: 21px;
}
.about-two-left::after {
    width: 300px;
    height: 95%;
    left: -40px;
}
.about-two-counter {
    bottom: -30px;
    right: 0;
}
.service-box.style5 .service-btn {
    left: 14%;
}
.service-box.style4 .service-btn {
    right: 13%;
}
.form-area.home-1 input[type="email"] {
    width: 100%;
}
.video-section .section-title .description {
    width: 70%;
    margin: auto;
}
.blog-grid .blog-page-title h2, .blog-grid .blog-page-title h2 a {
    font-size: 16px;
    line-height: 25px;
}
.form-area.home-1 input[type="email"] {
    width: 100%;
}
.prgoress_indicator {
    right: 20px;
    bottom: 20px;
}
.single-video.style-one .video-icon a {
    height: 70px;
    width: 70px;
    top: 50%;
    line-height: 70px;
    font-size: 20px;
}
.about-us-img img {
    width: 100%;
}
.about-shape:after {
    top: 11px;
    width: 70%;
    height: 46%;
}
.about-shape:after {
    content: "";
    position: absolute;
    background: #0c5adb;
    top: 0;
    left: 0;
    width: 60%;
    height: 59%;
    z-index: -1;
    border-radius: 0 250px 250px 0;
}
.portfolio-filter ul li {
    margin: 0 0;
    padding: 9px 20px 11px;
}
.about-shape:after {
    width: 82%;
    height: 44%;
}
.section-title.style3 .title {
    font-size: 36px;
}
.portfolio-filter ul li {
    margin: 0 0;
    padding: 9px 0 11px;
    border-left: 0px solid #ececec;
}
.portfolio-filter .single-content:hover .picon {
    top: 68%;
}
.portfolio-filter ul {
    display: block;
}
.pricing.style1 .pricing_img:after {
    top: -50px;
    right: -35px;
    left: -164px;
    min-width: 535px;
}
.single-video.style-one .video-icon, .single-video.style-three .video-icon {
    left: 50%;
}
.about-shape-home-two:after {
    display: none;
}
.flip-box.style1 .flip-box-back .content {
    top: 40%;
}
.form-area.home-2 {
    margin: 0 40px 0 40px;
}
.section-title.style2 .description {
    width: 90%;
}
.section-title.style3 .description {
    width: 92%;
}





}

/* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/
 @media (min-width: 320px) and (max-width: 575px) {
.single-slick.style-five .hero-text-wrap h1 {
    font-size: 31px;
}
.section-title.style3 .description {
    width: 100%;
}
.form-area.home-2 {
    margin: 0;
}
.form-area.home-2 .form-inner {
    padding: 23px 10px 1px;
}
.single-video.style-one .video-icon, .single-video.style-three .video-icon {
    left: 80%;
}
.about-shape-home-two:after {
    display: none;
}
.portfolio-filter .single-content:hover .picon {
    top: 33%;
}
.flip-box.style1 .flip-box-back .content {
    top: 21%;
}
.subscribe-one {
    width: calc(100%) !important;
    padding: 13px 15px 20px;
}
.subscribe-one .mc4wp-form-fields button {
    padding: 13px 35px;
    position: relative;
    top: 14px;
    left: 50px;
}
.subscribe-one input[type="email"] {
    height: 50px;
    padding: 5px 20px 5px 20px;
    margin-bottom: 14px;
}
.pricing.style1 .price-item .tk {
    font-size: 50px;
}
.pricing.style1 .price-item .currency {
    font-size: 50px;
}
.single-video.style-one .video-icon a {
    height: 45px;
    width: 45px;
    top: 50%;
    line-height: 45px;
    font-size: 16px;
}
.portfolio-filter ul li {
    margin: 0 0;
    padding: 9px 0 11px;
    border-left: 0px solid #ececec;
}
.about-shape:after {
    width: 82%;
    height: 44%;
}
.portfolio-filter ul li {
    margin: 0 0;
    padding: 9px 20px 11px;
}
.single-slick.style-five .slider-video-icon {
    display: none;
}
.comment-list .comment .comment {
	margin-left: 0;
}
.webx-single-blog-details-inner {
	padding: 30px 25px 18px;
}
.comments-area {
	padding: 40px 25px;
}
button {
    font-size: 13px;
}
.footer-bottom-content-copy {
    text-align: left!important;
}
.section-title .title {
    font-size: 25px;
    line-height: 1.5;
}
.section-title.style2 .title {
    line-height: 1.5;
    font-size: 25px;
}
.section-title.style5 h3 {
    margin: 0 0 28px 0;
    line-height: 35px;
}
.single-counter.style_three .counter-content span {
    font-size: 35px;
    line-height: 26px;
}
.blog-post.style1 .blog_post_user {
    padding: 17px 18px 0;
}
.blog-post.style1 h3.title a {
    font-size: 18px;
}
.dreamit-slick-slider .slider-single-image {
	display: none;
}
.dreamit-slick-slider .hero-text-wrap {
    width: 100%;
}
.dreamit-slick-slider .hero-text-wrap h1 {
    font-size: 26px;
}
.dreamit-slick-slider .hero-text-wrap .btn {
    padding: 14px 15px 14px 19px;
    margin-bottom: 30px;
}
.dreamit-slick-slider .hero-text-wrap p {
    font-size: 14px;
}
.slider-buttons{
    display: block!important;
}
.dreamit-slick-slider .call-button {
    margin-left: 0;
}
.dreamit-custom-title h4:before,
.dreamit-custom-title h4:after{
	display:none;
}
.single-slick.style-two .hero-text-wrap h1 {
    font-size: 37px;
}
.single-slick.style-two .hero-text-wrap p {
    width: 100%;
    font-size: 16px;
}
.service_box.style1 {
    padding: 45px 44px 49px 29px;
    margin-bottom: 0px;
}
.service-box.style3 {
    margin-bottom: 0;
}
.dreamit-button.style3 .dreamit-button a {
    margin-left: 0;
}
.testimonial.style1 .testimonial-item .quote {
    padding: 0 0 30px 0;
    font-size: 16px;
}
.case-study.style2 .cases-study-content {
    padding: 20px 21px 0px;
}
.case-study.style2 h2.title a {
    font-size: 17px;
}
.work-process.style1 {
    padding: 0 14px;
}
.team.style2 {
	margin-bottom: 0;
}
.team.style2 .image img {
    width: 100%;
}
.form-area.style-two .buttons input {
    width: 100%;
}
.icon-box.style7 {
    display: block!important;
}
.icon-box.style7 .icon {
    margin-bottom: 20px;
}
.brpt h2 {
	font-size: 30px;
}
.icon-box.style8 {
    display: block;
}
.icon-box.style8 .img-icon {
    margin-bottom: 25px;
}
 .slick_shape3 {
    display:none;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}
.section-title.style2 .subtitle {
    left: 0;
}
.testimonial.style1 .owl-dots {
    display:none;
}
.portfolio-filter .single-content .video-icon {
    right: 20px;
}
.mobile_menu_logo.text-center {
    text-align: center;
    display: flex;
    justify-content: center;
}
.single-slick {
	min-height: 680px !important;
}
.slider_shape {
	display: none !important;
}
.footer-bottom-content-copy {
	text-align: left;
}
.service .service-box.style3 {
    margin: 0;
}
.owl-nav {
    display:none;
}
.testimonial.style3 .testimonial-content {
    padding: 30px 28px 29px 30px;
}
.blog-post.style4 .content {
    padding: 24px 21px 32px;
    width: 97%;
}
.service-box.style15 .icon {
    transform: translate(19%, -50%);
}
.service_right_box.two .service-box.style15 {
    left: 0;
}
.service_right_box .service-box.style15 .icon {
    left: -29px;
}
.team.style5 .image img {
    width: 100%;
}
.service_box.style11 {
    display: block;
    padding: 22px 14px 11px 10px;
}
.service_box.style11 .content {
    padding-left: 0;
    padding-top: 21px;
}
.testimonial.style5 .testimonial-item {
    padding: 38px 20px 44px 20px;
}
.counter-content span {
    font-size: 30px;
}
.single-counter .icon i {
    font-size: 40px;
}
.counter-content h6 {
    font-size: 18px;
}
.dreamit-button .button {
    font-size: 15px;
    padding: 10px 30px 10px 30px;
}
.service-box.style1 .icon i {
    font-size: 45px;
}
.video-section .section-title .description {
    width: 100%;
}
.about-two-left::after {
    width: 180px;
    height: 95%;
    left: -30px;
}
.about-two-counter {
    bottom: -30px;
    right: 0;
}
.form-area.apppontment-form.home-3 {
    padding: 51px 40px 35px;
}
.service-box.style5 .service-btn {
    left: 20%;
}
.service-box.style4 .service-btn {
    right: 18%;
}
.form-area.home-1 .buttons {
    width: 60%;
}
.blog_style_two .blog-page-title_adn h2 {
    font-size: 20px;
}
.form-area.home-1 input[type="email"] {
    width: 100%;
}
.video-section .section-title .description {
    width: 100%;
    margin: auto;
}
.icon-box.style6 {
    display: block;
}
.blog-grid .blog-page-title h2, .blog-grid .blog-page-title h2 a {
    font-size: 16px;
    line-height: 25px;
}
.webx-blog-index.blog-area.webx-blog-area .webx-blog-meta-left a, 
.webx-blog-index.blog-area.webx-blog-area .webx-blog-meta-left time, 
.webx-blog-index.blog-area.webx-blog-area .webx-blog-meta-left span {
    font-size: 12px;
    line-height: 20px;
}
.form-area.home-1 input[type="email"] {
    width: 100%;
}
.grid-item .blog-page-title h2, .blog-page-title h2 a {
    font-size: 17px;
}
.promade-blog-area.blog-2column.promade-blog-archive {
    padding: 80px 0 0 0;
}
.prgoress_indicator {
    right: 20px;
    bottom: 20px;
}
.single-video.style-one .video-icon a {
    height: 60px;
    width: 60px;
    top: 50%;
    line-height: 60px;
    font-size: 20px;
}
.about-us-img img {
    width: 100%;
}
.about-shape:after {
    display: none;
}
.form-area.home-1 .buttons input {
    padding: 15px 50px 15px 50px;
}
.section-title.style2 .description {
    width: 100%;
}
.service-box.style2 {
    padding: 10px 20px 10px;
}
.section-title.style3 .title {
    font-size: 25px;
}
.form-area.main-contact textarea.wpcf7-form-control.wpcf7-textarea {
    height: 150px;
}
.form-area.main-contact .form-control {
    height: 54px;
}
.form-area.main-contact .form-group:last-child {
    margin-bottom: 30px;
}
.work_progress.style-two .work_progress_icon i {
    font-size: 40px;
    height: 100px;
    line-height: 100px;
    width: 100px;
}
.work_progress.style-two .work_progress_icon::after {
    display: none;
}
.single-counter.style_three {
    padding: 0 0 50px 0;
}





}