/*

========================================================================

--------------------TO MAKE RESPONSIVE----------------------------------

------------------------------------------------------------------------ /



------------------------------------------------------------------------ */



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


}

@media screen and (max-width: 1200px) { 
#mainsection .menu-item-has-children a i{
  color: #FFFFFF;
  padding: 10px 5px;
  font-size: 22px;
}


}

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

  header .frow {
      display: block;
    margin: 0px;
}

}

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



}



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



}



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



}



/*

========================================================

Maintaining the lower vieport response for video section

========================================================

*/



/*-----Targetting the 800px -----*/



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



}



/*-----Targetting the 768px -----*/



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



}

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



}





/*-----Targetting the iPhone 6 plus and similar viewport-----*/



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



}



/*-----Targetting the Samsung Gallaxy Note and similar viewport-----*/



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



}



/*-----Taretting the BlackBerry Z10, Google Nexus 4 and similar viewport-----*/



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



}



/*-----Taretting the iPhone 6 and similar viewport-----*/



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



}





/*-----Taretting the BalckBerry Z30, Samsung Gallaxy Note,Samsung Gallaxy Note II, Google Nexus 5 and similar viewport-----*/



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



}



/*-----Taretting the iPhone 3gs iPhone 4, iPhone 5, Google Nexus S and similar viewport-----*/



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



}