@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1750px) {}
@media only screen and (max-width: 1550px) {
	.story:after{
		right: 3%;
	}
	.time:after{
		left:3%;
	}
	/*.content_section .content_section_left{width: 60%;}
	.content_section .content_section_left p{width: 80%;}
	.time_section .time_section_left p{width: 99%;}*/
	/* header{background-size: 1650px;} */
	.header_banner .heading h2{font-size: 50px;}
	.header_banner .heading p{font-size: 39px;}

	.header_banner figure{width: 830px;}
	.story_section .heading h2{font-size: 50px;}
	.story_section .heading p{font-size: 39px;}
	.digital .digital_start .main{width: 95%;}
}

@media only screen and (max-width: 1440px) {
	
}
@media only screen and (max-width: 1366px) {
	.time:after:{
		left:-2%;
		}

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

	.top_header .header_logo figure{width: 130px;}

	.header_banner figure {width: 935px;}
    .story:after {top:25%; right: 0%; background-size: 60%;}
    .time:after {top:60%; left: 3%;}
    .digital:after{top: 95%; width: 107px;}

    .header_banner .heading h2 {font-size: 45px;}
    .header_banner .heading p{font-size: 35px;}

    .story_section .heading h2{font-size: 45px;}
    .story_section .heading p {font-size: 35px;}

    .story_section p{width: 100%;}

    .time_section .time_section_left {width: 60%;}
    .content_section .content_section_left{width: 60%;}

    .digital .digital_start .heading h3{font-size: 35px;}

    .digital .digital_start .webite_sec figure{width: 300px;}
    .digital .digital_start .social_sec figure {width: 300px;}

    .digital .digital_start .website_sec h4{font-size: 23px;}

    .digital .digital_start .social_sec h4{font-size: 23px;}

    .digital .digital_start .webite_sec p{line-height: 22px;}
    .digital .digital_start .social_sec p {line-height: 22px;}

    .marketing .time_section_left{width: 60%;}
    .public .content_section_left {width: 60%;}

    #story_section .master_story_section h4{font-size: 45px;}
    #story_section .master_story_section p{font-size: 35px;}

    #story_gallery .master_story_section h4 {font-size: 45px;}
    #story_gallery .master_story_section p{font-size: 35px;} 
    #contact .contact_sec .contact_left h4{font-size: 45px;}
    #contact .contact_sec .contact_right h4{font-size: 45px;}

    .footer_navigation ul{width: 62%;}
    .bottom_left{width: 28%;}


    #story_gallery .gallery .left{width: 100%; max-width: 100%;}
    #story_gallery .gallery .right{width: 100%; max-width: 100%; margin-top: 10px;}

}

@media only screen and (max-width: 991px) {
    /* .header_logo.sticky {
		position: fixed;
		top: 20px;
		left: 14px;
	}
	.right_part.sticky {
		position: fixed;
		right: 15px;
		top: 25px;
	} */
	header{background-size: cover;}
	.header_banner figure{width: 685px; padding-left: 100px; padding-right: 100px;}
	.header_banner .heading h2{font-size: 40px;}
	.header_banner .heading p{font-size: 33px;}
	.story_section .heading h2{font-size: 40px;}

	.header_banner .heading p{font-size: 35px;}
	.story_section .heading p{font-size: 33px;}
	.story:after {top: 87%;right: 40%;background-size: 70%;}

	.time_section{padding-top: 50px;}
	.time_section .time_section_left{width: 100%;}
	.content_section {flex-direction: column-reverse; padding-top: 30px;}

	.time_section_right{width: 100%;}
	.time_section .time_section_right figure{margin: 0 auto;}

	.content_section .content_section_left{width: 100%;}

	.digital .digital_start .heading h3{font-size: 26px;}
	.digital .digital_start .webite_sec{width: 100%;}
	.digital .digital_start .webite_sec p{width: 100%;}

	.digital .digital_start .social_sec{width: 100%; padding-top: 50px;}
	.digital .digital_start .social_sec p{width: 100%;}
	.digital .digital_start .social_sec figure{height: 260px;}
	.digital:after{left: 45%; top: 98%;}

	.marketing{padding-top: 50px;}

	.marketing .time_section_left{width: 100%;}
	.marketing .time_section_right figure{margin: 0 auto;}
	.public {flex-direction: column-reverse;}
	.public .content_section_left{width: 100%;}

	.footer_navigation ul{width: 83%;}

	.arrow{padding-top: 50px;}
	.content .arrow{padding-top: 50px;}

}
@media only screen and (max-width: 768px) {
	.for-desksicky.sticky .forheader-with {
		width: 100%;
	}
	.for-desksicky.sticky .right_part {
		padding-top: 0; 
	}


	.top_header .navigation ul {
		display: block;
	}
	.top_header .navigation ul li {
		position: relative;
		padding-left: 10px;
		display: block;
		clear: both;
		float: left;
		padding-top: 20px;
	}
	#story_section .master_story_section {
		padding-top: 45px;
	}
	#story_gallery .master_story_section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.footer_navigation ul li {
		margin: 0;
	}
	.header_banner {
		padding-top: 105px;
	}
	.right_part .mobile_menu{display: flex;}
	.right_part .navigation{width: 200px; background-color:#ffae00;position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: 0.5s all;
    z-index: 99;
    height: 100%;}
    .right_part .showMenu{transform: translateX(0);}

    .header_banner figure{width: 500px;}

    .header_banner .heading h2{font-size: 32px;}
    .header_banner .heading p{font-size: 28px;}

    .header_banner figure{padding: 0; width: 70%;}

    .story_section .heading h2{font-size: 32px;}
    .story_section .heading p{font-size: 28px; padding-top: 20px; padding-bottom: 20px;}

    .story_section p{line-height: 22px;}

    .time_section_right{padding-top: 50px;}

    .content_section_right{padding-top: 50px;}

    #story_section .master_story_section h4 {font-size: 32px;}
    #story_section .master_story_section p{font-size: 28px;}
    #story_section .master_story_section .member{width: 100%;}

    #story_gallery .master_story_section h4 {font-size: 32px;}
    #story_gallery .master_story_section p{font-size: 28px;}

    #contact .contact_sec .contact_left{width: 100%;}
    #contact .contact_sec .contact_right{width: 100%;}
    #contact .contact_sec .contact_left h4{font-size: 32px;}
    #contact .contact_sec .contact_left p{padding:0 !important;}
    #contact .contact_sec .contact_right h4{font-size: 32px; padding-top: 50px;}

    #contact .contact_sec .contact_left address{width: 100%;}
    .footer_navigation ul li > a{padding-left: 0 ;}

    .bottom_right{    width: 100%;
    text-align: center;
    padding-top: 20px;
	}
	.bottom_left span{text-align: center; width: 100%; padding-bottom: 20px;}
	.bottom_left {margin: 0 auto;}

}
@media only screen and (max-width: 640px) {
	.content_section .content_section_right figure{width: 80%; margin: 0 auto;}
	figure{width: 80% !important; margin: 0 auto;}
	figure img{width: 100% !important;}
	.bottom{background-size: cover;}

	.time:after{top: 85%; left: 15%;}

	.content:after {top: 85%; background-size: 50%;}
	.story_section .heading h2 {font-size: 28px;}
	.story_section .heading p{font-size: 24px;}
	.story_section .heading p{text-align: center;}
	.story_section p{text-align: justify;}

	.time_section .time_section_left h3{font-size: 22px;}
	.content_section .content_section_left h3{font-size: 22px;}
	.digital .digital_start .heading h3{font-size: 22px;}
	.digital .digital_start .webite_sec h4{font-size: 22px;}
	.digital .digital_start .social_sec h4{font-size: 22px;}
	.marketing .time_section_left h3{font-size: 22px;}
	.public .content_section_left h3{font-size: 22px;}

	#story_section .master_story_section h4 {font-size: 28px;}
	#story_section .master_story_section p{font-size: 24px;}
	#story_section .master_story_section .member .com_mem h5{font-size: 15px;}
	#story_section .master_story_section .member .com_mem p{font-size: 14px;}
		
	#story_gallery .master_story_section h4{font-size: 28px;}
	#story_gallery .master_story_section p{font-size: 24px;}

	#contact .contact_sec .contact_left h4{font-size: 28px;}
	#contact .contact_sec .contact_right h4{font-size: 28px;}
	span{font-size: 50px !important; }
	.bottom_left span{font-size: 18px !important;}
	.footer_logo_part figure{width: 150px !important;}

	.right_part a > span{font-size: 15px !important;}
}
@media only screen and (max-width: 480px) {
	.top_header .header_logo figure{width: 50% !important; margin: 0 ;}
	.header_banner .heading h2 {font-size: 20px;}
	.header_banner .heading p{font-size: 18px;}
	.story_section .heading h2{font-size: 20px;}
	.story_section .heading p{font-size: 18px;}
	.story_section{padding-top: 50px;}
	.story_section p{font-size: 15px;}
	.story:after {right: 30%; top:92%;}
	
	.time_section .time_section_left h3{font-size: 18px;}
	span{font-size: 40px !important; }
	.time_section .time_section_left p{font-size: 14px; line-height: 20px; padding:0;}
	.content_section .content_section_left h3{font-size: 18px;}
	.content_section .content_section_left p{padding: 0; line-height: 20px; font-size: 14px;}

	.digital .digital_start .heading h3{font-size: 18px;}

	.digital .digital_start .webite_sec h4{font-size: 18px;}
	.digital .digital_start .webite_sec p {font-size: 14px; line-height: 20px;}
	.digital .digital_start .social_sec h4{font-size: 18px}
	.digital .digital_start .social_sec p{font-size: 14px; line-height: 20px;}

	.marketing .time_section_left h3{font-size: 18px;}
	.marketing .time_section_left p{padding: 0; line-height: 20px;}

	.public .content_section_left h3{font-size: 18px;}
	.public .content_section_left p{font-size: 14px; padding: 0; line-height: 20px;}
	.content:after{width: 100px;}

	.digital .digital_start .webite_sec figure{height: 230px;}
	.digital .digital_start .social_sec figure{height: 230px;}

	#story_section .master_story_section h4{font-size: 20px;}
	#story_section .master_story_section p{font-size: 18px;}
	.master_story_section .member .com_mem {width: 100%; padding-bottom: 50px;}
	#story_section .master_story_section .member{padding-bottom: 0px;}

	#story_gallery .master_story_section h4{font-size: 20px;}
	#story_gallery .master_story_section p{font-size: 18px;}

	#contact .contact_sec .contact_left h4{font-size: 20px;}

	#contact .contact_sec .contact_left address{font-size: 13px;}
	#contact .contact_sec .contact_left p{font-size: 13px;}

	#contact .contact_sec .contact_right h4{font-size: 20px;}

	.footer_navigation ul li{ width: 100%; text-align: center; padding-bottom: 20px; }
	.bottom_left{width: 50%;}
}
@media only screen and (max-width: 320px){}



/*1751 > 1920
1551 > 1750
1441 > 1550
1201 > 1440
992 > 1200
769 > 991
641 > 768
481 > 640
320 > 480
459422*/