/************** Media Queries Tablets *******************/ @media only screen and (max-width:1260px) { .addtoAny { position:static; text-align:center; width:100%; background:#373534 } .addthis_toolbox { width:160px; display:inline-block } .addthis_toolbox > a { float:left !important; } .addthis_toolbox > a:hover { padding:0 !important; } } @media only screen and (max-width:1169px) { .topStrip { padding:10px 15px; } .copyright { padding:15px; } .indexBanner .sliderBanner .item { height:320px; } .rightBanners ul ul { min-height:105px; padding:15px 5px 5px 20px } .indexBanner, .content .container { padding:15px; } .playPause { display:none } .patentDesign li { width:25%; } .gallery li { width:33.334% } .gI #nav li a { padding:7px 23px; } } @media only screen and (max-width:1024px) { .tickerBanner { display:block } .noBannerSlide { display:none } .screenReader, .fontResize, .skipContent { display:none; } .indexBanner .sliderBanner .item { height:280px; } .publication .bannerBox, .aboutUs .bannerBox, .bannerBox { padding:0 } .rightBanners > ul > li:nth-child(n+3) { margin:0; } .rightBanners > ul > li { width:100%; float:none; margin-bottom:0; height:146px; } .rightBanners ul ul { padding:10px 5px 5px 15px; min-height:inherit; height:95px; } .bannerBox > a { padding:5px 15px; } .bannerBox > a::after { top:9px; } .rightBanners .linkName { min-height:inherit } .rightBanners .linkImg { max-height:95px; } .bannerLinks, .rightBanners li:nth-child(2n) .bannerLinks { padding:0 } .giHome .linkName a, .rgniimpmHome .linkName a { padding:5px 15px; min-height:inherit; font-size:16px; } .giHome .linkName a:after, .rgniimpmHome .linkName a:after { top:8px; } .newsUpdates { width:100%; float:none; margin-bottom:15px; } .tenderEvents { padding-left:0; float:none; width:100%; } #backtotop { display:none !important } .patentDesign li { width:33.334%; } .patentBanners a { font-size:24px; } .briefBg ul.bulletText li { float:none; width:100%; padding-right:0 } .subsiteName { font-size:20px; padding-right:10px; font-weight:600; } .playPauseSlider a { opacity:1 } /*Navigation*/ #nav { display:none; position:absolute; left:0; right:0; /*background:#073e74;*/ padding-right:0 } #nav ul { background:#305d93; } .toggleMenu, #nav .menuIcon { display:block; font-family:"oswaldRegular", Arial, Helvetica, sans-serif } #nav li { float:none; display:block; border:none; width:100% !important; } #nav>li > a { border-top:1px solid rgba(255, 255, 255, 0.1) } #nav li a { text-align:left } #nav li.parent { position:relative; } #nav li .menuIcon, #nav li li .menuIcon { width:48px; height:auto; background-color:#002d63; background-color:rgba(0, 0, 0, 0.4); background-image:url(../../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute; right:0; top:0; bottom:0; cursor:pointer; } #nav li .menuIcon.active, #nav li li .menuIcon.active { background-color:#002d63; background-color:rgba(0, 0, 0, 0.4); } #nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a { background-color:#002d63; color:#fff; } #nav ul { width:100%; display:none; position:static; transition:none; -webkit-transition:none; } .hasJS #nav ul { opacity:1; } #nav li ul li, #nav ul a { width:100% } #nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul { display:none; } #nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left:0; } #nav li a { padding-left:15px; padding-right:15px; display:block; line-height:30px; font-size:14px; } #nav li ul li a { padding:7px 55px 7px 28px; display:block; line-height:21px; background:url(../../images/right-arrow.gif) no-repeat 15px 15px; color:#fff; } #nav li ul li ul li a { padding-left:45px; background-position:33px center } #nav li ul li ul li ul li a { padding-left:60px; background-position:45px center } #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color:#305d93; color:#fff; } #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color:#305d93; color:#fff; } .trademarksHome #nav > li.MenuLiLast .menuSubUl { width:100%; } /*#nav>li:nth-child(2), #nav>li:nth-child(3), #nav>li:nth-child(4), #nav>li:nth-child(5){background:transparent !important} */ .search { position:absolute; float:none; top:0; right:0; margin:0; } } @media only screen and (max-width:959px) { .copyright .alignLeft, .copyright .alignRight { float:none; text-align:center } .copyright .alignLeft li { float:none; display:inline-block; } .copyright .alignLeft { margin-bottom:10px; } .copyright ul { display:inline-block; margin:0 auto 5px } .copyright .alignRight p { text-align:center } .socialIcons { float:none; margin:0 auto; display:inline-block } .patentDesign li { width:25%; } .leftContent { padding-right:0; float:none; margin-bottom:30px; } .contentArea { padding:0; border:none; } .rightContent { margin:0; float:none; width:100%; } .rightContent .rightBanners > ul > li { width:50%; float:left } /* .rightContent .eGateways, .rightContent .resources{padding-right:10px;} .rightContent .publication, .rightContent .aboutUs{padding-left:10px;} */ .ecitizenBox > div { width:100%; float:none; padding:0; margin-bottom:15px; } .ecitizenBox > div.patentRules { margin-bottom:0 } .patentBanners a { font-size:20px; padding-top:14px; min-height:90px; line-height:31px; } .innerBannerTemplate { height:auto; min-height:130px; background-size:cover; padding-right:340px; } .innerBannerTitle { font-size:26px; } .rightMenuBarBlock #menuLeft, .leftMenu { display:none } .rightMenuBarBlock, .rightMenuBarBlock .leftMenu { display:block } .rightMenuBarBlock .leftMenu .iconBar { float:right; width:25px; height:26px; background:url(../../images/mobile-menu.png) no-repeat center center; } .gallery li { width:25% } .leftMenu > br { display:none } #menuLeft > li > a { font-size:13px; } } @media only screen and (max-width:819px) { } @media only screen and (min-width:801px) { #nav ul { display:block !important; } } @media only screen and (max-width:800px) { /*Responsive Table*/ .responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none; } .responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; } .responsiveTable thead, .responsiveTable tr th { position:absolute; top:-1000em; left:-1000em; } .responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee; margin:0 0 20px; } .responsiveTable tr td:nth-child(1) { border-left:none; } .responsiveTable tr td:last-child { border-right:none; } .responsiveTable tr:last-child .td, .responsiveTable td { border-bottom:1px solid #eeeeee; } .responsiveTable td:before { font-weight:bold; padding-right:20px; line-height:27px; color:#174471; } .responsiveTable tbody { display:block; } .responsiveTable tr td { padding:5px 15px; width:auto !important; } .nextPrevSlider, .playPauseSlider { display:none; } .bannerDesc { padding-right:0 } .sliderBanner:after { content:''; width:24px; height:24px; position:absolute; top:10px; right:10px; background:url(../../images/swipeIcon.png) 0 0 no-repeat; z-index:1 } .patentBanners a { text-align:center; padding:15px 5px 10px; line-height:inherit } .patentBanners .sprite { float:none; margin:0; } .patentBanners .bannerLabel { padding:0; padding-top:5px; float:none; display:block; } .rgniimpmHome .briefBg .alignRight { display:none; } .rgniimpmHome .briefBg .alignLeft { padding:0; float:none } .ipoLogo { display:none; } #logo { float:none; position:relative } #logo img { display:none; } #logo a { text-decoration:none; } #logo a:after { content:'Office of the Controller General of Patents, Designs & Trade Marks \a Department for Promotion of Industry and Internal Trade, \a Ministry of Commerce & Industry, \a Government of India'; padding-left:65px; background:url(../../images/emb.png) left 0 /contain no-repeat; font-size:14px; font-weight:600; line-height:18px; height:90px; display:table-cell; color:#333; white-space:pre-wrap; } .hindiDoc #logo a:after { content:' महानियंत्रक, एकस्व अभिकल्प एवं व्यापार चिह्न \a औद्योगिक नीति एवं संर्धन विभाग \a उद्योग एवं वाणिज्य मंत्रालय \a भारत सरकार'; font-weight:400 } .mainSite #logo a:after { vertical-align:middle } .mainSite #logo a:before { content:none; } #logo a:before { font-size:20px; font-weight:600; line-height:22px; color:#003366; position:absolute; top:20px; left:65px; } .patentsHome #logo a:after { content:'Controller General of Patents, Designs & Trade Marks'; padding-top:45px; } .patentsHome #logo a:before { content:'Patents'; } .hindiDoc .patentsHome #logo a:after { content:'महानियंत्रक, एकस्व अभिकल्प एवं व्यापार चिह्न'; } .hindiDoc .patentsHome #logo a:before { content:'पेटेंट'; } .trademarksHome #logo a:after { content:'Controller General of Patents, Designs & Trade Marks, Office of the Registrar of Trade Marks'; padding-top:45px; } .trademarksHome #logo a:before { content:'Trade Marks'; } .hindiDoc .trademarksHome #logo a:after { content:'महानियंत्रक, एकस्व अभिकल्प एवं व्यापार चिह्न, व्यापार चिह्न रजिस्ट्रार के कार्यालय'; } .hindiDoc .trademarksHome #logo a:before { content:'ट्रेडमार्क्स'; } .giHome #logo a:after { content:'Geographical Indications Registry'; padding-top:45px; } .giHome #logo a:before { content:'Geographical Indications'; } .hindiDoc .giHome #logo a:after { content:'भौगोलिक उपदर्शन रजिस्ट्री'; } .hindiDoc .giHome #logo a:before { content:'भौगोलिक उपदर्शन'; } .rgniimpmHome #logo a:after { content:'Rajiv Gandhi National Institute of Intellectual Property Management'; padding-top:45px; } .rgniimpmHome #logo a:before { content:'RGNIIPM'; } .hindiDoc .rgniimpmHome #logo a:after { content:'राजीव गांधी राष्ट्रीय बौद्धिक सम्पदा प्रबंधन संस्थान '; } .hindiDoc .rgniimpmHome #logo a:before { content:'आरजीऐनआईआईपीऐम'; } .rgniimpmHome .bannerLabel { min-height:65px; } .innerBannerTemplate { min-height:110px; padding-right:280px; } .innerBannerTitle { font-size:24px; } .formGroup.cols6 { width:100%; float:none } .moduleSearch .cols7, .dynamicUtiInn { width:100%; float:none } .moduleSearch .cols2, .gallery li { width:33.334% } .width25p { width:100%; float:none } .bannerDesc p { min-height:inherit } } @media only screen and (max-width:768px) { .tickerBanner { display:none } .noBannerSlide { display:block } .r-tabs .r-tabs-nav { display:none; } .r-tabs .r-tabs-accordion-title { display:block; } .indexBanner .sliderBanner .item { height:auto } .sliderBanner { margin-bottom:15px; } .sliderBanner, .rightBanners { float:none; width:100%; } .rightBanners > ul { padding:0 } /*.rightBanners > ul > li:nth-child(n+3){margin-bottom:15px;} */ .rightBanners > ul > li { height:auto; margin-bottom:15px; } .rightBanners > ul > li:last-child { margin:0 } .rightBanners .linkName { min-height:inherit } .rightBanners .linkImg { display:none } .giHome .linkName a, .rgniimpmHome .linkName a { padding:10px 15px; } .giHome .linkName a:after, .rgniimpmHome .linkName a:after { top:12px; } .patentDesign li { width:33.334%; } .timelineOuter:before { left:0; margin-left:28px; } .timelineOuter .date_separator span.tmYear { margin:0; } .timelineBox { width:100%; } .left .timeDate { left:0; margin-left:70px; } .timeDate { display:inline-block; margin-bottom:10px; position:relative; } .timelineInner::after { left:-29px; right:auto; width:28px; } .timelineInner::after { left:-29px; right:auto; width:28px; } .timelineBox.left .timelineInner { margin-left:68px; margin-right:0; } .timelineInner::before { left:-49px; right:auto; } .timelineBox.right { text-align:left !important; } .right .timeDate::after { border-left:medium none; border-right:10px solid #b95d1b; left:-10px; right:auto; } .timelineBox.right .timelineInner::before { left:-50px; } .timelineBox.right .timelineInner::after { left:-30px; width:29px; } .timelineBox.right .timelineInner { margin-left:68px; } .contactPage li, .fullWidth li { float:none; width:100%; padding:10px 0; } .contactPage li:nth-child(odd) { padding-right:0; clear:left } .contactPage li:nth-child(even) { padding-left:0; } .fullWidth .contactBox { min-height:inherit } .rightBanners > ul > li { float:left; width:50%; } .bannerBox, .bannerLinks { padding-right:8px; } .publication .bannerBox, .aboutUs .bannerBox, .rightBanners li:nth-child(2n) .bannerLinks { padding-left:8px; padding-right: 0; } .rightBanners li:nth-child(2n+1) { clear: left; } } /************** Mobiles Media Queries *******************/ @media only screen and (max-width:767px) { .formList .boxs > li, .formList .boxs > div { float:none; width:100%; } .width50p { width:100%; } } @media only screen and (max-width:639px) { .formList .boxs { margin-left:0; } .formList .box { float:none; width:auto; margin-left:0; } .bannerDesc { padding-right:0; } .owl-controls { display:none; } .tenders, .events { width:100%; float:none; padding:0 } .tenders { margin-bottom:15px; } .events .carouselBlock { height:auto } .bannerDesc { position:inherit } .patentBanners li { padding:0; float:none; width:100%; margin-bottom:15px; } .patentBanners a { text-align:left; padding:10px 5px 10px 10px; line-height:63px; min-height:inherit } .patentBanners .sprite { float:left; margin:0; } .patentBanners .bannerLabel { float:left; margin-left:-63px; padding:0 0 0 70px; min-height:20px; } .patentBanners .patentOther { margin-bottom:0 } .topStrip a { font-size:13px; } .bannerLinks a { font-size:14px; } #logo a:after { white-space:inherit; } /*.patentsHome #logo a:after,.trademarksHome #logo a:after,.giHome #logo a:after, .rgniimpmHome #logo a:after{padding-top:40px;} .patentsHome #logo a:before, .trademarksHome #logo a:before, .giHome #logo a:before, .rgniimpmHome #logo a:before {top:15px;} */ .innerBannerTemplate { min-height:90px; padding-right:220px; } .innerBannerTitle { font-size:22px; } .sitemap * { font-size:13px !important; } .sitemap > li > a { padding:6px 15px; } .sitemap > li, .sitemap > li > ul > li { padding-left:15px; } .sitemap > li > ul, .sitemap > li > ul > li > ul { margin-left:15px; } .sitemap > li > ul { margin-top:3px; } .sitemap > li > ul > li > ul { margin-top:1px; } .sitemap > li > ul > li > ul li { padding-left:10px; } .sitemap > li > ul > li > ul li > a:after { width:17px; } .sitemap > li:after { width:15px; } .sitemap > li > ul > li > ul li > a:hover:after { width:17px; } .sitemap > li:hover:after { width:15px; } .sitemap > li > ul > li > a:hover:after { width:22px; } .sitemap > li > ul > li > ul li > a:hover { padding-left:10px } .sitemap > li > ul > li > a:hover { margin:0 } .gallery li { width:50% } .rightBanners > ul > li { float:none; width:100%; margin-bottom:15px !important; } .bannerBox, .bannerLinks { padding:0; } .publication .bannerBox, .aboutUs .bannerBox, .rightBanners li:nth-child(2n) .bannerLinks { padding:0; } .pagingWrapper { text-align:center } .pagingCount { margin:0 auto 10px; float:none; text-align:center } .pagingNo > ul { float:none; display:inline-block } .pagingNo { float:none; padding-left:0 } } @media only screen and (max-width:479px) { .topStrip { text-align:center } .leftLinks, .rightLinks { float:none; display:inline-block; clear:both } .topStrip { padding:5px 15px; } .patentDesign li { width:50%; } .rightContent .rightBanners > ul > li { width:100%; float:none } .rightContent .publication, .rightContent .aboutUs, .rightContent .eGateways, .rightContent .resources { padding:0; } #logo a:after { padding-left:55px; height:75px } .mainSite #logo a:after { font-size:12px; line-height:15px; } .ecitizenBox h2 { font-size:18px; } .patentsHome #logo a:after, .trademarksHome #logo a:after, .giHome #logo a:after, .rgniimpmHome #logo a:after { padding-top:20px; font-size:14px; } .patentsHome #logo a:before, .trademarksHome #logo a:before, .giHome #logo a:before, .rgniimpmHome #logo a:before { top:0; left:55px; font-size:16px; } .innerBannerTemplate { min-height:70px; padding-right:165px; } .innerBannerTitle { font-size:20px; } .advancedSearch input[type="text"] { width:100%; } .advancedSearch table tr td { clear:both; display:table; margin-bottom:5px; } .pagingbar { text-align:center; } .records, .records.go { display:inline-block; float:none; margin:0 5px; } .photoGallery .paging { display:block; padding:0 } .gallery li { width:100%; float:none } } @media only screen and (max-width:359px) { .bannerDesc { position:static } .pdBox { padding:10px; } .leftLinks li { float:none; display:inline-block; } .rgniimpmHome .patentBanners .rgniimpmMap a { line-height:30px; } .innerBannerTemplate { background:#CCD1D7; padding:10px 20px; } .records, .records.go { margin-bottom:5px; } .feedbackForm .cols6 .verify, .feedbackForm .cols6 .captcha { float:none; width:100%; margin:0; margin-bottom:10px; } .innerContent p { text-align:left } .pagingNo li, .pagingWrapper .btnInside input { margin:0 2px; } .pagingWrapper { padding:10px 5px; } } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {/** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right:0; } .mfp-img-mobile img.mfp-img { padding:0; } .mfp-img-mobile .mfp-figure:after { top:0; bottom:0; } .mfp-img-mobile .mfp-figure small { display:inline; margin-left:5px; } .mfp-img-mobile .mfp-bottom-bar { background:rgba(0, 0, 0, 0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding:0; } .mfp-img-mobile .mfp-counter { right:5px; top:3px; } .mfp-img-mobile .mfp-close { top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0, 0, 0, 0.6); position:fixed; text-align:center; padding:0; } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform:scale(0.75); transform:scale(0.75); -ms-transform:scale(0.75) } .mfp-arrow-left { -webkit-transform-origin:0; transform-origin:0; } .mfp-arrow-right { -webkit-transform-origin:100%; transform-origin:100%; } .mfp-container { padding-left:6px; padding-right:6px; } }