@media only screen and (min-width: 320px ) and  (max-width: 480px ) {
    /*Small smartphones [325px -> 425px]*/
        /* 07/12/2022  Code Start*/

    .invest{
        height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0px;
    background: #fff;
    box-shadow: 0 0 5px silver;
    display: block !important ;
    z-index: 999999;
     left: 0px ;
     right:    0px;
    }
    #nv_js-box_20555 {
        bottom: 56px;
    }
    header .headerMobile{
        padding-top: 100px !important ;
    }

.card_iicon{
				 width:100px !important;
			 }


        /* 07/12/2022  Code end*/

    /* 06/12/2022  Code Start*/
    .also-viwed .also-carousel{
        margin-right: 0px !important;
    }
                .calculator-section{
                    margin-top:175px !important ;
                  }
                  .fund-title {
                      margin-left: -7px !important ;
                  }
                  .invest-row .fund-title h1 {
                      line-height: 35px !important ;
                  }
                  #mainSection .container {
                      width: 100%  !important ;
                  }
                  #mainSection .sip-calculator {
                      padding-right: 0px  !important ;
                  }
                  .full-view {
                      margin-top: 0rem  !important ;
                  }
                  #fundOverview{
                      margin-top:0px  !important ;
                  }
                  .container{
                    width:100% !important;
                  }
                  .content-wrapper.product-page .global-paragraph {
                      text-align: justify !important ;
                  }
                  .content-wrapper.product-page p{
                      padding-right: 0px  !important ;
                  }
                  .fund-detail-row .tab-margin .fund-detail-right {
                      width: unset  !important ;
                  }
                  
                  .manager-1,.performance-values, .performance-values .tab-content   {
                      margin-top: 0rem !important ;
                  }
                  #portfolio .container{
                      margin-top: 0rem !important ;
                  }
                  #portfolio .holding-title h1{
                      font-size: 32px !important ;
                      line-height: 58px !important ;
                  }
                  .holding-left-inner {
                      padding: 0rem !important ;
                  }
                  .theme2 .performance {
                      padding-top: 0px !important ;
                      margin-top: 0px  !important ;
                  }
                  /* #performance .container-fluid > div {
                      margin-right: 0px !important ;
                      padding-left: 15px !important ;
                      padding-right: 15px !important ;
                  } */
                  #performance .view{
                      font-size: 20px !important ;
                      position: relative !important ;
                      top: -13px !important ;
                  }
                  #performance .performance-title, #grvDividendHistory{
                      margin-bottom:12px  !important ;
                  }
                  #myHistory {
                      margin-top: 16px  !important ;
                      margin-right: 0px !important ;
                      padding-left: 15px !important ;
                      padding-right: 15px !important ;
                  }
                  #fundSummary{
                    margin-top: 20px  !important ;
                  }
                  .history .history-hr,#fundSummary,#fundSummary .container,
                  #taxSection .container, #taxSection #taxTab,#taxSection .tax-percentage,#startTab,#downloadApp{
                      margin-top: 0px  !important ;
                  }
                  .product #productTab {
                      box-shadow: 0px 3px 10px #cdcece !important ;
                      margin-top: -1rem  !important ;
                  }
                  #myProduct .product-inner{
                      padding: 0px  !important ;
                      margin-right:0px !important;
                  }
                  .tax .tax-data .data {
                      padding: 0px 15px  !important ;
                  }
                  #downloads{
                      padding: 0px  !important ;
                      padding-bottom: 20px  !important ;
                  }
                  #alsoViewd{
                      margin-top: -1rem  !important ;
                  }
                  #startHere .start-title h1{
                      line-height: 30px  !important ;
                  }
                  .download form button{
                      font-size:13px  !important ;
                  }
                  h1, .h1 {
                    font-size: 32px  !important ;
                    line-height: 30px  !important ;
                }
                .desktop-othercar {
                    margin-bottom: 1rem;
                    border-bottom: 1px solid #d7d0d0;
                    padding-bottom: 0.5rem;
                }
                .manager-img img {
                    background-color: transparent !important;
                    width: 31% !important;
                    border-radius: 50%;
                }
                .headerMobile .brandTitle{
                    /* padding-right: 35px !important; */
                }
                header .headerMobile .topNav .brandTitle .menu{
                    padding-right: 22px !important;
                    padding-left: 0px !important;
                    line-height: 20px !important;
                }
                header .headerMobile .investWrapper>a{
                    line-height: 20px !important;
                    padding-left: 0px !important;
                }
                header .headerMobile .topNav .iconsWrapper{
                    width:100% !important;
                    padding-right: 0px !important;
                }
                header .headerMobile .investWrapper>a:after{
                    top: -9px !important;
                }
                .performance-title-row{
                    margin-top: 25px;
                }
                .history-title-row{
                    margin-top: 25px;
                }
                .fund-detail-row {
                    flex-direction: column;
                }
                .riskometer-prev, .riskometer-next{
                    display: block !important;
                    top: 106px !important;
                }
                .trans_bk .img_bg img {
                    position: absolute;
                    width: 100% !important;
                    top: 0px !important;
                    margin-left: 0px!important;
                    z-index: -1;
                    height: 100% !important;
                }

                /* .also-viwed .also-carousel .inner-slide .content-box .row span {
                    width: max-content !important;
                } */
                .flexi_cap_hided_text {
                    left: -194px !important;
                }
                .nv-animated {
                    margin-bottom: 60px;
                }
                .performance .performance-table table tr td{
                    text-align: center !important;
                }
                #fundSummary{
                    padding-top:25px;
                }
}

@media only screen and (min-width: 481px ) and  (max-width: 800px ) {
                    /*Small ipad [481 -> 768px]*/
                  header .headerMobile {
    padding-top: 100px !important;
}
                    .also-viwed .also-carousel{
                        margin-right: 0px !important;
                    }
                                
                                  .fund-title {
                                      margin-left: 0px !important ;
                                  }
                                  .invest-row .fund-title h1 {
                                      line-height: 35px !important ;
                                  }
                                  #mainSection .container {
                                      width: 100%  !important ;
                                  }
                                  #mainSection .sip-calculator {
                                      padding-right: 0px  !important ;
                                      /* margin-bottom: 45px  !important ; */
                                  }
                                  .full-view {
                                      margin-top: 0rem  !important ;
                                  }
                                  #fundOverview{
                                      margin-top:0px  !important ;
                                  }
                                  .container{
                                    width:100% !important;
                                  }
                                  .content-wrapper.product-page .global-paragraph {
                                      text-align: justify !important ;
                                  }
                                  .content-wrapper.product-page p{
                                      padding-right: 0px  !important ;
                                  }
                                  .fund-detail-row .tab-margin .fund-detail-right {
                                      width: unset  !important ;
                                  }
                                  
                                  .manager-1,.performance-values, .performance-values .tab-content   {
                                      margin-top: 0rem !important ;
                                  }
                                  #portfolio .container{
                                      margin-top: 0rem !important ;
                                  }
                                  #portfolio .holding-title h1{
                                      font-size: 32px !important ;
                                      line-height: 58px !important ;
                                  }
                                  .holding-left-inner {
                                      padding: 0rem !important ;
                                  }
                                  .theme2 .performance {
                                      padding-top: 0px !important ;
                                      margin-top: 0px  !important ;
                                  }
                                  #performance .container-fluid > div {
                                      margin-right: 0px !important ;
                                      padding-left: 15px !important ;
                                      padding-right: 15px !important ;
                                  }
                                  #performance .view{
                                      font-size: 20px !important ;
                                      position: relative !important ;
                                      top: -13px !important ;
                                  }
                                  #performance .performance-title, #grvDividendHistory{
                                      margin-bottom:16px  !important ;
                                  }
                                  #myHistory {
                                      margin-top: 16px  !important ;
                                      margin-right: 0px !important ;
                                      padding-left: 15px !important ;
                                      padding-right: 15px !important ;
                                  }
                                  #fundSummary{
                                    margin-top: 20px  !important ;
                                  }
                                  .history .history-hr,#fundSummary,#fundSummary .container,
                                  #taxSection .container, #taxSection #taxTab,#taxSection .tax-percentage,#startTab,#downloadApp{
                                      margin-top: 0px  !important ;
                                  }
                                  .product #productTab {
                                      box-shadow: 0px 3px 10px #cdcece !important ;
                                      margin-top: -1rem  !important ;
                                  }
                                  #myProduct .product-inner{
                                      padding: 0px  !important ;
                                      margin-right:0px !important;
                                  }
                                  .tax .tax-data .data {
                                      padding: 0px 15px  !important ;
                                  }
                                  #downloads{
                                      padding: 0px  !important ;
                                      padding-bottom: 20px  !important ;
                                  }
                                  #alsoViewd{
                                      margin-top: -1rem  !important ;
                                  }
                                  #startHere .start-title h1{
                                      line-height: 30px  !important ;
                                  }
                                  .download form button{
                                      font-size:13px  !important ;
                                  }
                                  h1, .h1 {
                                    font-size: 32px  !important ;
                                    line-height: 30px  !important ;
                                }
                                .manager-img img {
                                    background-color: transparent !important;
                                    width: 31% !important;
                                    border-radius: 50%;
                                }
                                .headerMobile .brandTitle{
                                    /* padding-right: 35px !important; */
                                }
                                header .headerMobile .topNav .brandTitle .menu{
                                    padding-right: 22px !important;
                                    padding-left: 0px !important;
                                    line-height: 20px !important;
                                }
                                header .headerMobile .investWrapper>a{
                                    line-height: 20px !important;
                                    padding-left: 5px !important;
                                }
                                header .headerMobile .topNav .iconsWrapper{
                                    width:100% !important;
                                    padding-right: 0px !important;
                                }
                                #mainNavbar{
                                    width:100% !important;
                                }
                                .content-wrapper .product-page
                                {
                                    padding-left:15px ;
                                }
                                .patop{
                                        padding-left:15px;
                                        padding-right:15px;
                                }
                                .also-viwed .slick-list {
                                    width: 100% !important;
                                  }
                                .desktop-other {
                                    margin-bottom: 1rem;
                                    border-bottom: 1px solid #d7d0d0;
                                    padding-bottom: 0.5rem;
                                 }
                                .modal-dialog { 

                                    margin-top: -812px !important ;
                                    
                                    width: 100%;
                                    
                                 }
                                 #exampleModalCenter{
                                        height:95%;
                                        top: 38px;
                                 }
                                 .fund-detail-row{
                                        flex-direction: column;
                                  }

    }
    @media only screen and (min-width: 800px ) and  (max-width: 1180px ) {
        /*Small smartphones [325px -> 425px]*/
            /* 07/12/2022  Code Start*/
            .desktop-other {
                margin-bottom: 1rem;
                border-bottom: 1px solid #d7d0d0;
                padding-bottom: 0.5rem;
              }
			  .header-static .custom-nav .pos-nav {
				left: 26.5% !important;
				}
            header .headerMobile{
                padding-top: 115px !important ;
            }
            #mainSection .sip-calculator {
                padding-right: 0px  !important ;
               
            }
            .fund-detail-row .fund-detail-right {

                width: 100% !important;
            }
            .manager-img img{
                width: 50% !important;
                border-radius: 50%;
            }
           
            .performance .performance-table .table {
                table-layout: inherit !important;
            }

            #myHistory {

                margin-right: 0px ;
            }
            #myHistory container, #fundSummary container,#myProduct .product-inner{
                margin-right: 0px !important;
             }
    }
    
	@media screen and (min-width: 801px) {
		.risk-meter img {
			width: 80% !important;
		}
	}
	
	@media only screen and (min-width: 481px) and (max-width: 800px) {
		header .headerMobile {
			padding-top: 100px !important;
		}
	}
    /* Desktop ui fixes */

       @media only screen and (min-width: 1400px ) and  (max-width: 1490px ) {
        #exampleModal .modal-dialog {
            margin-top: -875px !important;
        }
    }
    @media only screen and (min-width: 1500px  ) and  (max-width: 1600px ) {
        #exampleModal .modal-dialog {
            margin-top: -870px !important;
        }
    }
@media only screen and (min-width: 1275px ) and  (max-width: 1360px ) {

        #exampleModal .modal-dialog {

            margin-top: -755px !important;

        }

    }
    @media only screen and (min-width: 1361px ) and  (max-width: 1380px ) {

        #exampleModal .modal-dialog {

            margin-top: -795px !important;

        }

    }
    .performance-values  h2 {
        font-size: 21px !important;
    }
    /* .desktop-other { */
        /* margin-bottom: 1rem; */
        /* border-bottom: 1px solid #d7d0d0; */
        /* padding-bottom: 0.5rem; */
    /* } */
    #hdrmain {
        top :0px !important;
    }
	
	.top-red{
		white-space:nowrap;
	}
	.top-green{
		white-space:nowrap;
	}
	
	
	@media only screen and (min-width: 481px ) and  (max-width: 800px ) {

	   .fund-detail-row .tab-margin .fund-detail-right {
         width: unset  !important ;
        }
	}
	
	.invest-row {
    margin-left: 0px !important;
  }


@media only screen and (min-width: 300px ) and  (max-width: 991px ) 
	{
		.row.desktop-othercar {
		margin-bottom: 1rem;
		border-bottom: 1px solid #d7d0d0;
		padding-bottom: 0.5rem;
		}
		.row.desktop-other {
		margin-bottom: 1rem;
		border-bottom: 1px solid #d7d0d0;
		padding-bottom: 0.5rem;
		}
	}
.performance .performance-table, .history .history-table {
    box-shadow: 0 0 8px silver;
    padding: 5px;
}

@media (max-width: 850px ) and (orientation: landscape) {
	.request_call_back_modal.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
}
.asset.assets-title.d-flex.justify-content-between.mb-3 p:first-child {
    width: 80%;
}
@media only screen and (min-width: 300px ) and  (max-width: 920px ) {

.performance-graph div#SIyr {
    order: 2;
}
}

@media only screen and (min-width: 356px ) and  (max-width: 390px ) {

.performance-graph .btnStyle {
    padding: 12px 10px 10px;
}
}
@media only screen and (min-width: 300px ) and  (max-width: 355px ) {

.performance-graph .btnStyle {
    padding: 10px 8px 8px;
}
}