.main-content .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	max-width: 100%
}

.breadcumb-wrapper .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	max-width: 100%;
	padding: 0 20px
}

.footer-wrapper .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	max-width: 100%;
	padding: 0 20px
}

@media only screen and (min-width:1820px) {
	.bannerLogoArea {
		width: 500px
	}

	.bannerLogoArea .logoMenuArea {
		width: 110px
	}
}

@media only screen and (min-width:2100px) {
	.bannerLogoArea {
		width: 650px
	}

	.bannerLogoArea .logoMenuArea {
		width: 130px
	}
}

@media only screen and (min-width:2400px) {
	.bannerLogoArea {
		width: 850px
	}

	.bannerLogoArea .logoMenuArea {
		width: 200px
	}
}

@media only screen and (min-width:2600px) {
	.bannerLogoArea {
		width: 950px
	}

	.bannerLogoArea .logoMenuArea {
		width: 200px
	}
}

@media only screen and (min-width:2800px) {
	.bannerLogoArea {
		width: 1100px
	}

	.bannerLogoArea .logoMenuArea {
		width: 200px
	}
}

@media only screen and (min-width:2900px) {
	.bannerLogoArea {
		width: 900px
	}

	.bannerLogoArea .logoMenuArea {
		width: 200px
	}
}

@media only screen and (min-width:3200px) {
	.bannerLogoArea {
		width: 1480px
	}

	.bannerLogoArea .logoMenuArea {
		width: 200px
	}
}


@media only screen and (min-width:1100px) {

.serviceSection.areoSlider .owl-nav{top: 0px; width: 100%; right: 0;}

.serviceSection.areoSlider .owl-carousel .owl-nav button {
  margin-right: 0px;
   position: absolute;
    width: 35px;
    height: 63px;
    margin-right: 0px;
    top: 53px;
    font-size: 48px;
    line-height: 0px;
 }

 .serviceSection.areoSlider .owl-carousel .owl-nav button span{

 line-height: 63px;
    height: 63px;
    display: inline-block;

 }

.serviceSection.areoSlider .owl-carousel .owl-nav button.owl-prev{ left:-50px;}
.serviceSection.areoSlider .owl-carousel .owl-nav button.owl-next{ right:-50px;}


section.serviceSection.panelHideArea .btnBox {

    left: 50%;
        top: auto;
        z-index: 2;
        bottom: -25px !important;
        transform: translateX(-50%);
}


section.clientSection .owl-carousel .owl-nav{top: 0px; width: 100%; right: 0;}

section.clientSection .owl-carousel .owl-nav button {
  margin-right: 0px;
   position: absolute;
    width: 35px;
    height: 63px;
    margin-right: 0px;
    top: 7px;
    font-size: 48px;
    line-height: 0px;
 }

 section.clientSection .owl-carousel .owl-nav button span{

 line-height: 52px;
    height: 63px;
    display: inline-block;

 }

section.clientSection .owl-carousel .owl-nav button.owl-prev{ left:-50px;}
section.clientSection .owl-carousel .owl-nav button.owl-next{ right:-50px;}

section.clientSection .owl-carousel .owl-nav button span {
    height: 63px;
    display: block;
    line-height: 63px;
}


}





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

	.mainMenuSection .main-menu>ul:before,
	.mainMenuSection .main-menu>ul:after {
		display: none
	}

	.mainMenuSection .main-menu>ul {
		padding: 0 15px
	}

	.main-menu a {
		font-size: 13px
	}

	.vs-header .main-menu>ul>li {
		margin: 0 5px
	}

	.header-icons .searchBoxTggler {
		margin-right: 10px;
		padding-right: 14px
	}
}

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

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 100%
	}

	.serviceSection .serviceBoxArea a {
		padding: 35px 15px
	}

	.serviceSection .serviceBoxArea a h2 {
		font-size: 17px
	}

	.mainMenuSection .main-menu>ul>li>a {
		padding: 10px 9px;
		font-size: 15px
	}
}

@media only screen and (max-width:1199px) {
	.time-line .date {
		width: 620px
	}

	.mainMenuSection .main-menu>ul>li>a {
		font-size: 13px
	}

	.main-menu a {
		font-size: 12px
	}

	.header-logo {
		max-width: 407px
	}

	.vs-header.header-layout2 .header-logo {
		transform: translateY(-103%)
	}

	.vs-header.header-layout2 .header-logo .main-logo {
		transform: translateY(16%)
	}

	.mainMenuSection {
		top: 96px
	}

	.breadcumb-wrapper {
		padding-top: 30px;
		padding-bottom: 10px
	}
}

@media only screen and (max-width:1100px) {
	.main-content .aboutSectionArea .contactAreaPanel .cgpdtm-bigsize-page .contact-name {
		font-size: 15px
	}

	.main-content .aboutSectionArea .contactAreaPanel .d-flex.justify-content-around.justify-content-lg-between.align-items-center {
		display: block !important
	}

	.main-content .aboutSectionArea .contactAreaPanel .contatInfoBox.infoBoxTopArea {
		margin-bottom: 14px !important
	}

	.main-content .aboutSectionArea .contactAreaPanel .cgpdtm-bigsize-page .contact-badge {
		right: 4px !important;
		font-size: 11px !important;
		top: 8px !important
	}

	.main-content .aboutSectionArea .contactAreaPanel .cgpdtm-bigsize-page .contactPhonArea {
		display: flex;
		flex-direction: column
	}

	.main-content .aboutSectionArea .contactAreaPanel .cgpdtm-bigsize-page .contatInfoBox.bg-20 {
		padding: 8px
	}

	#collapsePatentsDeoffi .d-flex {
		display: block !important
	}

	#collapseTmgi .d-flex {
		display: block !important
	}

	.main-content .aboutSectionArea .contactAreaPanel .contactAreaBox {
		margin-bottom: 16px
	}

	.main-content .rightSideBar {
		margin-top: 12px
	}

	.main-content .aboutSectionArea .recruitment-rules-page .contentArea .list-group-item {
		display: inline-block !important
	}

	.main-content .aboutSectionArea ul.list-group.list-group-flush.groupAreaSt li p {
		width: 100%
	}

	.header-logo {
		max-width: 330px
	}

	.vs-header.header-layout2 .header-logo::before {
		height: 109px
	}

	.main-menu a {
		font-size: 12px
	}

	.mainMenuSection {
		top: 95px
	}

	.vs-header.header-layout2 .headerip_logoArea {
		width: 117px
	}

	.mainMenuSection .main-menu>ul>li>a {
		padding: 10px 7px;
		font-size: 13px
	}

	.leftSideBar {
		display: block;
		width: 100%;
		margin-bottom: 15px
	}

	.lft-side {
		margin-left: 0
	}

	.main-content .col-lg-9.col-xxl-9 {
		width: 100% !important
	}

	.leftSideBar {
		display: none
	}

	.wipo-ip-diognastices {
		padding: 0 20px
	}
}

@media only screen and (max-width:1099px) {
	.serviceSection .serviceBoxArea a h2 {
		font-size: 15px
	}

	.copyright-wrap {
		margin: 0 10px
	}

	.copyright-wrap:after,
	.copyright-wrap:before {
		display: none
	}

	.wipo-ip-diognastices .header-emblem h2 {
		font-size: 26px
	}

	.wipo-ip-diognastices .header-emblem p {
		font-size: 17px !important
	}

	.accordion-body .pct-contact-wrapper {
		box-shadow: none
	}

	.accordion-body .pct-contact-wrapper .pct-contact-body {
		padding: 0 !important
	}

	.main-content .aboutSectionArea .org-container {
		max-width: 100% !important;
		width: 100% !important
	}

	.img-history-Area .ic-gallery-grid {
		grid-template-columns: auto
	}

	.tab-style-two-items .innerTabPanel .tab-content {
		padding: 15px
	}

	.tab-style-two-items .innerTabPanel nav.innerTabSt .nav-tabs {
		padding: 5px;
		border-radius: 0
	}

section.clientSection .owl-carousel .owl-nav {bottom: -43px; gap: 45px;}

section.clientSection.panelHideArea .btnBox {bottom: 7px !important;}

section.clientSection .owl-carousel .owl-nav button span {line-height: 27px;}

.rightSideBar{ display:none; }
}

@media only screen and (max-width:991px) {
	.serviceSection .serviceBoxArea a h2 {
		font-size: 14px
	}

	.socialSection .socialBox {
		margin-bottom: 25px
	}

	.footer-wrapper .social-style1 .social-title {
		display: none
	}

	.choose-us-style-onea-area .vs-blog__style1 ul li a,
	.choose-us-style-onea-area .whatNewAreaBox ul li a {
		font-size: 14px
	}

	.vs-header .header-top {
		padding: 8px 5px
	}

	.vs-header .sticky-wrapper {
		padding: 0 5px
	}

	.vs-header {
		padding-left: 7px;
		padding-right: 7px
	}

/*	.logoAnimationArea,
	.bannerSection:after {
		display: none
	}*/

	.bannerSection {
/*		position: relative;*/
/*		z-index: 1;*/
		padding-top: 96px
	}

.bannerLogoArea {width: 290px;}
.bannerLogoArea .logoMenuArea {width: 54px;}

.logoAnimationArea {
    padding-top: 259px;
    height: 420px;
}
	.bannerSection .bx-wrapper img,
	.bannerSection,
	.content {
/*		height: auto*/
        height: 420px;
	}
.showBannerBtn {
    position: absolute;
    bottom: auto;
    font-size: 14px;
    top: 382px;
    right: 5px;
    width: 135px;
}

.bannerLogoArea a,
.anim-01 {
   pointer-events: none !important;
    cursor: default !important;
}

	.bannerSection .bx-controls {
		visibility: visible
	}

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 96%
	}

	ul.rightSideBtn,
	ul.leftSideBtn {
		z-index: 99999
	}

	.breadcumb-wrapper {
		margin-top: 100px
	}

	.socialPostArea iframe {
		width: 100% !important
	}

	.dt-container .bottom {
		display: block;
		justify-content: space-between;
		margin-top: 15px
	}

	.dt-container .bottom .dt-paging {
		margin-top: 10px
	}

	.main-content .aboutSectionArea .organisation-structure .org-container .position-card {
		width: 100% !important
	}

	.main-content .aboutSectionArea ul.groupAreaSt li a.btn {
		width: auto;
		margin-top: 10px
	}

	.wipo-ip-diognastices {
		padding: 0 10px
	}

	.wipo-ip-diognastices .header-bar .logo-wipo {
		justify-content: center;
		margin-bottom: 15px
	}

	.header-bar .col-lg-3.d-flex.justify-content-end {
		justify-content: center !important
	}

.flow-wrapperChart .side-note ul li {
    margin-bottom: 0px;
    color: #323232;
    padding-left: 25px;
    text-align: justify;
    position: relative;
    font-weight: 500;
    word-break: break-all;
    word-wrap: break-word;
}



}

@media only screen and (max-width:991px) {
	.time-line {
		display: none
	}

	.top-upper-mobile {
		padding: 0 40px
	}

	.top-upper-mobile ul {
		margin: 0;
		padding: 0;
		list-style: none
	}

	.top-upper-mobile ul li a {
		color: #000
	}

	.top-upper-mobile ul li a {
		display: block;
		position: relative;
		padding: 12px 0;
		line-height: 1;
		font-size: 13px;
		line-height: 20px;
		text-transform: capitalize;
		color: #063a41;
		font-weight: 500;
		text-align: left
	}

	.top-upper-mobile ul li a:before {
		content: "\f105";
		font-family: 'Font Awesome 6 Pro';
		position: relative;
		left: 0;
		top: 0;
		margin-right: 10px;
		display: inline-block
	}

	.vs-header.header-layout2 .header-top ul {
		list-style: none;
		color: #1b1b1b;
		right: 0 !important;
		left: auto !important
	}

	.img-history-Area .ic-gallery-grid {
		grid-template-columns: auto
	}

	.logo-wipo img,
	.ip-india-box img {
		width: 100%
	}

	.px-3 .contributors-card {
		overflow: scroll
	}

	.px-3 .contributors-card .d-flex.flex-column.align-items-center {
		width: 900px
	}

	.wipo-ip-diognastices .acknowledgment-wipo h2 {
		font-size: 20px
	}
}

@media only screen and (max-width:800px) {
	.vs-header.header-layout2 .headerip_logoArea {
		display: none
	}

	.section-footer .footer-nav ul {
		grid-template-columns: repeat(2, 1fr)
	}

	.section-footer .footer-widget .footer-title.rtLine::after {
		right: 50%;
		transform: translateX(50%)
	}

	.container-trademark-steps-original .vline,
	.container-trademark-steps-original .node-outer:after,
	.container-trademark-steps-original .bullets:after,
	.container-trademark-steps-original .bullets:before {
		display: none
	}

	.container-trademark-steps-original .bullets ul {
		padding: 10px
	}

	.container-trademark-steps-original .node {
		margin: 10px 0
	}

	.container-trademark-steps-original .stepAreaBox {
		grid-template-columns: 1fr;
		padding: 10px;
		background: #e3e9f7
	}

	.stepAreaStPanel .stepAreaBox:nth-child(2n) .pillArea .pill {
		right: 0;
		width: 100%
	}

	.stepAreaStPanel .stepAreaBox:nth-child(2n) .pillArea {
		text-align: center
	}

	.container-trademark-steps-original .pill {
		width: 100%;
		left: 0
	}

	.stepAreaStPanel .stepAreaBox:nth-child(2n) .bullets ul {
		padding-right: 0
	}

	
	.stepAreaStPanel .stepAreaBox:nth-child(2n)>div:nth-child(1) {
		order: 3
	}

	.stepAreaStPanel .stepAreaBox:nth-child(2n)>div:nth-child(2) {
		order: 2
	}

	.stepAreaStPanel .stepAreaBox:nth-child(2n)>div:nth-child(3) {
		order: 1
	}

	.tab-style-two-items nav .nav-tabs button {
		padding: 10px 19px;
		font-size: 13px
	}

.container-trademark-steps-original .bullets ul {
    padding: 10px;
    text-align: center;
    width: 100% !important;
    display: block;
}

.container-trademark-steps-original .bullets ul li,
.stepAreaStPanel .stepAreaBox:nth-child(2n) .bullets ul {
    text-align: center;
    display: inline-block;
}


}

@media only screen and (max-width:768px) {
	.main-content .aboutSectionArea .rulesBoxArea {
		min-height: auto;
		margin-bottom: 0
	}

	.mapAreaSr iframe {
		height: 400px;
		 !important
	}
}

@media only screen and (max-width:600px) {
	.pdf-section .accordion-item {
		display: block !important
	}

	.pdf-section .accordion-item button {
		margin-top: 10px
	}

	ul li video {
		width: 100% !important
	}

	.main-content .aboutSectionArea .pct-system-pctpage .adv-row {
		display: block !important
	}

	.pct-overview-box p img {
		width: 100% !important
	}

	.main-content .aboutSectionArea .pct-system-pctpage .btn-pct {
		word-break: break-all !important;
		white-space: normal !important
	}

.contact-email{word-break: break-all;}

.actsAreaBox .actsAccordionSection .accordion .accordion-header button .d-flex { display:block !important; }

 .main-content .aboutSectionArea .actsAccordionSection .accordion .accordion-item h2 button .chapter-title {
     padding: 8px 0px; 
}


.main-content .aboutSectionArea .actsAccordionSection .accordion .accordion-item h2 button .chapter-header {
    padding: 8px 10px 8px 15px;

}


.main-content .aboutSectionArea .actsAccordionSection .accordion .accordion-item h2 button .secArea {
    padding: 8px 20px 8px 15px;
}

}

@media only screen and (max-width:500px) {
	.vs-header.header-layout2 .header-logo::before {
		display: none
	}

	.vs-header.header-layout2 .header-logo .main-logo {
		transform: translateY(-1%)
	}

	.languageArea span {
		width: 37px;
		overflow: hidden;
		padding-right: 30px;
		display: inline-block;
		position: relative
	}

	.headerip_logoArea {
		display: none
	}

	ul.leftSideBtn,
	ul.rightSideBtn {
		position: relative;
		transform: none
	}

	ul.leftSideBtn li,
	ul.rightSideBtn li {
		margin: 0;
		width: 100%;
		text-align: left;
		border-radius: 0
	}

	ul.leftSideBtn li a {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between !important
	}

	.bannerSection .bx-wrapper .bx-controls-auto {
		display: none
	}

	.tab-style-two-items .innerTabPanel nav.innerTabSt .nav-tabs.nav-tabs-05 button,
	.tab-style-two-items .innerTabPanel nav.innerTabSt .nav-tabs.nav-tabs-05 a {
		width: 100%
	}

	.wipo-area2.wipo-ip-diognastices .info-cards {
		grid-template-columns: 1fr
	}

	.wipo-area2.wipo-ip-diognastices .header-bar .col-3 {
		width: 100%
	}

	.wipo-area2.wipo-ip-diognastices .header-bar .col-6 {
		width: 100%;
		margin: 20px 15px
	}

	.wipo-area2.wipo-ip-diognastices .lang-badge {
		width: 100%;
		display: block
	}

	.wipo-area2.wipo-ip-diognastices .ip-india-box {
		width: 100%
	}
}

@media only screen and (max-width:400px) {
	.header-logo {
		max-width: 285px
	}

/*	.bannerLogoArea .logoMenuArea {
		width: 65px
	}
*/
	.main-content .aboutSectionArea .feedbackArea {
		padding: 10px
	}
}