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

#homeSection .homeSlider .desktop_img{display:block;}
#homeSection .homeSlider .mobile_img{display:none;}
#homeSection .homeSlider .tab_img{display:none;}
}


@media only screen and (max-width:1200px){
#mainNav li a{ padding:0 13px;}	
#homeSection .slides .slick-active h2{ margin-right:20px;}
.slick-dots{ margin-left:20px;}
.footerBtm ul.links{ margin-left:0;}
.footerBtm ul.links li{ margin-left:19px;}
#secondaryNav{ bottom:20px; margin-right:20px;}	
.greenBlock p{ padding:0;}
/*footer .footerMain li{ padding-right:5px;}*/
#mainNav li ul{ width:185px;}


.plantRow{ position:relative;}
.plantsSection .plantRow{ overflow:hidden; display:block;}
.plantsSection .plantBox{ width:38%; display:inline-block; vertical-align:top; float:left;}
.plantsSection .plantBox ~ .plantBox{ float:right;}
.plantsSection .titleBox{ display:inline-block; vertical-align:top; position:absolute; left:0; height:100%; width:25%;}
.plantsSection .plantRow:first-child .titleBox{ left:37%;}
.plantsSection .titleBox ~ .titleBox{ left:auto; right:0;}
.plantsSection .titleBox img{margin-top: 33%;
    max-width: 63%;}
.plantsSection .plantRow:first-child + .plantRow .plantBox{ margin-left: 25%;width: 49.9%;}
.plantsSection .titleBox h4{ margin:50px 0;}
.plantsSection .titleBox h4::before{ border-width:17px;}
.plantsSection .titleBox h4::before{ top:-43px;}
.plantsSection .plantRow:first-child h4::before{ top:28px;}
.apiFinderSection .row label{ width:25%;}
.careerSection .twoColBlock .blockRow{ min-height:325px;}
.careerSection .twoColBlock .blockRow:first-child{ min-height:270px;}	
.mediaPhotos li{ padding:5px; min-height:285px;}
.contactPageRow .block .icon{ width:32px;}	
.footerBtm .copy{ width:27%;}
.footerBtm ul.links li{ margin-left:15px;}
.magnon img{ max-width:57%;}
.footerBtm ul.links{ padding-right:169px;}


	}
	
	
	
@media only screen and (max-width:980px){
#homeSection .slides .slick-active h2{ margin-top:-37px;}	
#mainNav li ul li a{ padding:6px 10px;}	
#mainNav li ul li.parent > a::after{ top:9px;}
/*footer .footerMain li{ width:37%; display:inline-block; vertical-align:top; margin-bottom:30px; padding-right:0;}	
footer .footerMain .nav >li:nth-child(3n){ width:25%;}*/
.footerBtm ul.links,.footerBtm .copy,.footerBtm .social,.magnon{ width:100%; text-align:center; margin:0 0 10px ;}
.footerBtm .social li{ float:none; display:inline-block;}	
.greenBlock{ padding:10px 0;}	
#secondaryNav{ bottom:10px;}
#secondaryNav li{ margin-left:35px;}
#homeSection .slides h2{ font-size:35px;}	
.leftSection{ width:100%; margin-bottom:30px;}
.rightSection{ width:100%;}	
.leftSection figure {
    display: inline-block;
    margin: 0 3%;
    position: relative;
    width: 40%;
}

h1{ margin:20px 0 30px;}
#innerSection .wrapper{ padding:0 30px;}
.capacitySection .tree{ width:92%; margin-left:-4%;}
.capacitySection figure{ width:10%;}
.capacitySection .tree li span{ font-size:12px;}
.capacitySection .tree li strong{ font-size:25px;}
.lifeAtCipla .row figure figcaption{ width:100%;}	
.careerSection .twoColBlock{ width:100%;}
.careerSection .twoColBlock .blockRow,.careerSection .twoColBlock .blockRow:first-child{ min-height:10px;}
.careerSection .twoColBlock .blockRow:first-child{ padding-top:50px;}
.mediaPhotos li{ width:23%; min-height:280px;}
footer .footNew .col{ padding: 0 6px;}
footer .footNew .col li a{ font-size:12px;}
.magnon{ position:static;}
.footerBtm ul.links{ padding-right:0;}
#homeSection .homeSlider span.desktop_img{display:none;}
#homeSection .homeSlider .mobile_img{display:none;}
#homeSection .homeSlider .tab_img{display:block;}

	}	
	
@media only screen and (max-width:767px){
.wrapper{ padding:0 10px;}
body{ font-size:14px;}
#mainNav ul{ display:none;}	
.topHeader .wrapper{ position:relative;}
.topHeader .langBox{ position:absolute; left:10px; bottom:0; margin-right:0;}
.topHeader .links{ margin-left:0; width:100%;}
.map {
    left: 10px;
    position: absolute; bottom:0;
}
.topHeader .langBox .map{ display:block; margin-bottom:5px; text-align:left;}
.topHeader .links{ display:block; margin-bottom:10px; position:relative; z-index:9;}
.topHeader .searchBox{ z-index:1;}
.topHeader .links li{ line-height:25px;}	
.topHeader .langBox .langSelect .inputbox{ padding:0 7px 0 3px;}
.slick-dots{ margin:0; width:100%; text-align:center; bottom:5px;}
#secondaryNav{ position:static; padding:25px 0 ; text-align:center; margin:0;}
#secondaryNav li{ margin:0 0.5%;}
#homeSection .slides h2{ font-size:26px; text-align:right; width:40%; margin-right:10px}
#homeSection .slides .slick-active h2 {
    margin-top: -22px;
}
.greenBlock{ font-size:14px; line-height:21px;}
#secondaryNav li a{ width:90px;height:90px; font-size:10px;}
footer .footerMain li,footer .footerMain .nav > li:nth-child(3n){ width:100%; margin-bottom:20px; position:relative;}
footer .footerMain li ul{ display:none;}	
footer .footerMain .linkToggle{ position:absolute; top:0px; right:0px; width:100%; height:32px;background:url(../images/plus.png) no-repeat right center; display:block; cursor:pointer;}	
footer .footerMain .linkToggle.open{background:url(../images/minus.png) no-repeat right center;}
#mainNav{ min-height:30px;}
#mainNav .wrapper{ position:relative; padding:30px 0 0}
.navToggle{ float:right; position:absolute; right:10px; top:7px; width:22px; height:22px; display:block; cursor:pointer;}	
.navToggle span{ position:absolute; left:0; top:6px; height:3px; width:22px; background:#fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.navToggle span:after,.navToggle span:before{ content:"";position:absolute; left:0; top:-6px; height:3px; width:22px; background:#fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.navToggle span:after{ top:6px}

.navToggle.open span{ background:none;}
.navToggle.open span:after{ transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg); top:0px;}
.navToggle.open span:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:0px;}

#mainNav li{ display:block; margin:0; text-align:left; border-top: 1px solid #a1bcc4; position:relative}
#mainNav li .plus{ position:absolute; top:0; right:0; width:100%; height:39px;background:url(../images/plus.png) no-repeat 96% center; cursor:pointer; z-index:999;}
#mainNav li ul li .plus{height:27px;}
#mainNav li ul li ul{ margin:0; background:#0fa484;}
#mainNav li ul li ul a{ padding-left:20px;}
#mainNav li ul li ul li ul{ background:#32b494 ;}
#mainNav li ul li ul li ul a{ padding-left:30px;}
#mainNav li .plus.open{background:url(../images/minus.png) no-repeat 96% center;}
#mainNav li ul{ clear: both;
    display: none;
    opacity: 1;
    position: static;
    visibility: visible; width:100%; padding:0;/*border-top: 1px solid #a1bcc4;*/}
#mainNav li:hover ul{ display:none;}
	
#mainNav li a{ display:block;}
#mainNav li.parent > a::after{ display:none!important}	
#mainNav li ul li{ font-size:12px;}
#mainNav li ul li a{ padding:4px 10px;}
.topHeader .logo {
    margin-left: 30px;
    margin-right: 7px;
}
footer{ padding:20px 0 10px;}
.magnon{ margin-top:20px; margin-bottom:0;}
footer .footerMain li ul li:last-child{ margin-bottom:0;}
.footerBtm{ padding-top:20px; margin-top:0;}
.footerBtm ul.links li{ margin:0 1%;}
.footerBtm ul.links li.blank{width:100%; display:block;}
#innerSection .wrapper {
    padding: 0 20px;
}
#innerSection{ padding-bottom:20px;}
h3,.leftIcon + .details h3{ font-size:17px;}
h1{ font-size:25px; background-size:auto 100%; line-height:1.1}
.blockRow{ padding-top:20px;}
.careerSection .twoColBlock .blockRow:first-child{ padding-top:20px; min-height:10px;}
.leftIcon{ width:38px;}
.checkList{ margin:0;}
.leftIcon > img{ width:30px;}
.checkList li{ padding-left:21px;}	
.topHeader .links li{ font-size:12px;}
.accordionDiv .inner ul h4{ font-size:15px;}
.accordionDiv .inner ul{ margin:0;}	
.plantsSection .titleBox h4{ font-size:16px;margin: 33px 0;}
.plantsSection .titleBox h4::before{ border-width:14px; margin-left:-14px;}

.capacitySection .tree li{ width:50%; padding:10px 0;}
.capacitySection .tree li:nth-child(2n){ padding:10px 0; margin-top:35px;}
.capacitySection figure{ width:100%; text-align:center;}
.capacitySection figure img{ max-width:35%;}
.capacitySection .tree{ width:100%; margin:0; padding:0;}
.capacitySection .tree::after{ top:0; left:50%; width:1px; height:100%;}
.capacitySection .tree li::before{ bottom: 50%;
    height: 1px;
    left: auto;
    right: 0;
    width: 37px;}
.capacitySection .tree li:nth-child(2n)::before{bottom: 50%;
    left: 0;}
.capacitySection .tree li::after{ left:auto; right:35px; bottom:50%; margin-bottom:-4px;}
.capacitySection .tree li:nth-child(2n)::after {
    bottom: 50%;
    left: 35px;
}
.capacitySection .tree li strong{ margin:0;}
.capacitySection .tree::before{ top:100%; left:50%; margin-left:-4px;}
.capacitySection{ margin-top:30px;}
.lifeAtCipla .row{ margin-bottom:0;}
.ciplaVideo{ max-width:90%;}
.lifeAtCipla .row figure{ width:47%; margin-bottom:10px;}
	
.lifeAtCipla{ padding:30px 0 0 ;}	
.tabSection .leftCol ul li{ font-size:14px; padding:9px;}
.tabContent{ padding:10px;}	

.mediaPhotos li{ width:31%; min-height:290px; margin-bottom:15px;}
footer .footNew .col{ width:100%; padding:0; display:block; border:none;}
footer .footNew .col.largeCol{ width:100%;}	
footer .footNew{ display:block; padding-bottom:0;}
footer .footNew .col h4{ border-top:1px solid #0b334b; padding:10px 0; margin:0!important}
footer .footNew .col.largeCol li{ width:100%; display:block;}
footer .footNew .col ul{ display:none; min-height:0;}
#mainNav li ul{ border-right:none;}
#searchForm .btn-group{ max-width:163px;}
.inv_rel_text_box input[type="button"], #searchForm button{ margin-left:5px;}
.topHeader .links li ul, .topHeader .langBox ul{ width:115px;}	
.topHeader .custom{ display:block;}
	}	


@media only screen and (max-width:640px){
.uncldv_year_list{
        margin-bottom: 10px;
    }    
h1{ font-size:20px;} 
.topHeader .links li a{ padding:0 7px;}	
#homeSection .slides h2{ font-size:22px;}	
.footerBtm{ font-size:11px;}
.directorsList li{ width:100%; margin:0 0 20px; min-height:10px;}

.twoColBlock{ width:100%;}	
.twoColBlock + .twoColBlock ul{ margin-top:-20px;}
.aboutCompany .twoColBlock{ min-height:10px;}
.leftSection{ margin-bottom:20px;}
.leftSection p{ margin-bottom:0;}
h1{ margin:10px 0 20px;}
.plantsSection .titleBox{ display:none;}
.plantsSection .plantBox{ width:50%;}

.plantsSection .plantRow:first-child + .plantRow .plantBox {
    margin-left: 0;
    width: 100%;
}
.capacitySection{ margin-top:15px;}
.plantsSection figcaption{ display:block; position:absolute; z-index:2; left:0; bottom:0; padding:7px 0; text-align:center; width:100%; color:#fff; background:rgba(20,137,115,0.7); font-size:13px; line-height:1; text-transform:uppercase;}
.apiFinderSection .row label{ width:100%;}
.apiFinderSection .row{ margin-bottom:15px;}
.apiFinderSection .row input[type="submit"]{margin-left:5px; width:80px;}
.apiFinderSection .row .textField,.apiFinderSection .row .selectField{ width:68%;}

.ciplaVideo iframe{ height:auto;}


.resultSection table td::before {
    background: #f1f1f1 ; 

    content: attr(data-content);
    display: block;
    left:0px;
    
    position: absolute; top:0; padding:10px;
    width: 38%; height:100%;border-right:1px solid #c1c1c1; text-align:left;
}
.resultSection table{ border:none;}
.resultSection table tr {display:block; margin-bottom:10px; border:1px solid #c1c1c1}
.resultSection table tr:first-child{ display:none;}
.resultSection table tr td{ min-height:35px; display:block; padding:10px 0 10px 48%; font-size:12px; position:relative; border-left:none; overflow:hidden; text-align:left;}
.resultSection table img{ margin:0;}
.resultSection table td + td + td{ text-align:left;}
.resultSection table tr td:last-child{ border-bottom:none;}

.tabSection{ display:block;}
.tabSection .leftCol{ display:block; width:100%; margin-bottom:20px;}
.tabSection .leftCol ul{ padding-top:35px; position:relative; height:0; overflow:hidden;}
.tabSection .leftCol ul.heightAuto{ height:100%;}
.tabSection .leftCol ul li.active{ position:absolute; display:block; top:0; left:0; width:100%; border-right:1px solid #c1c1c1 ;}
.tabContent{ width:100%; display:block; margin:0;}
.tabSection .leftCol{ position:relative}
.tabSection .leftCol .arrow{ position:absolute; right:0; top:0;  height:35px; width:45px; display:block; z-index:999; cursor:pointer;}
.tabSection .leftCol .arrow:after{ content:""; position:absolute; top:13px; left:14px; border:10px solid transparent; border-top-color:#0fa484;}
.tabSection .leftCol .arrow.open:after{ border-top-color:transparent;border-bottom-color:#0fa484; top:2px;}
.mediaPhotos li{min-height:275px;}	
.fancybox-title-float-wrap .child{ margin:0 0 5px;}	
.plusIcon{ top:34px;}	
.contactPageRow .block .col{ display:block;}
.contactPageRow{ margin-bottom:15px;}
.contactPageRow .block .icon{ width:40px;}
#xmap .level_0{ width:100%; margin:0 0 10px;}
.inv_rel_text_box iframe{ height:auto!important;}
.inv_rel_text_box input[type="button"], #searchForm button{width:90px;}
.apiFinderSection .or{ margin:0;}
	}

@media only screen and (max-width:510px){
	.btns.ltAligned{text-align:left; margin-left:0;}
	}


@media only screen and (max-width:480px){
.lifeAtCipla .row{ margin-bottom:0; width:auto; margin:0;}
.lifeAtCipla .row figure{ width:100%; margin:0 0 10px;}
.lifeAtCipla .row figure img{ width:100%;}
.ciplaVideo{ max-width:100%;}	

.mediaPhotos li {
    display: inline-block;
    float: none;
    min-height: 235px;
    vertical-align: top;
    width: 47%;}
.mediaPhotos li h5, .fancybox-title-float-wrap .child{ font-size:12px;}	

.topHeader .links li a {
    padding: 0 6px;
}
.topHeader .links li ul, .topHeader .langBox ul{ left:-50%;}	
.topHeader .links{ text-align:center;}
.mediaPhotos li h5 strong, .fancybox-title-float-wrap .child strong{ font-size:13px;}
	}
	
@media only screen and (max-width:420px){
	.btns.ltAligned{text-align:left; margin:10px 0;}
	.btns.ltAligned .btn{font-size:11px; padding:0 5px;}
	}